How Web Design Has Changed: From Plain Text to Design Systems

A tour of web design history, from text pages and table layouts through Flash, Web 2.0 and flat design to today's responsive design systems.

How to Redesign a Website · Last reviewed October 19, 2026 · 6 min read

If you could load a website from 1995 and one from today side by side, they would barely look like they belonged to the same medium. The early web was mostly text and links. Today's sites have flexible layouts, custom fonts, video and animation, and they adapt to everything from a phone to a wide desktop monitor.

Those changes did not happen all at once, and they were not just fashion. Each new look was shaped by what browsers could do, how people connected to the internet, and the devices they used. Understanding that history makes it easier to see why an older website can feel dated, and what a modern redesign is really trying to fix.

From Text Pages to Table Layouts

The first website, published at CERN, was little more than plain text and links. That was the point: the web was designed for sharing documents, and the original technology had very little to say about appearance.

That changed in 1993, when NCSA's Mosaic browser became, in NCSA's words, the first published browser to automatically display pictures along with text. Pages could now include logos, photos and illustrations alongside the words, and designers started treating web pages as something to be designed, not just written.

In the second half of the 1990s, designers wanted the control they were used to in print: columns, sidebars and precise positioning. The web's language, HTML, was not built for that. So designers borrowed a feature meant for data, the table, and used invisible tables to arrange entire pages into grids. Tiny transparent images, often called spacer GIFs, were used to push things into place.

It worked, but it was fragile and messy. Pages were hard to update and often difficult for screen readers, the software blind visitors use to hear a page read aloud. The official HTML 4.01 specification, published in December 1999, said plainly that "Tables should not be used purely as a means to layout document content," and recommended style sheets instead. Many designers kept using tables anyway, because browser support for the alternative was still patchy.

CSS Separates Content From Design

That alternative was CSS, or Cascading Style Sheets. CSS lets you write the content of a page in HTML and describe its appearance, such as fonts, colors, spacing and layout, in a separate file. The W3C published CSS level 1 as a Recommendation on December 17, 1996 and CSS level 2 on May 12, 1998.

Adoption was slow because browsers supported CSS unevenly. A turning point in winning designers over was the CSS Zen Garden, launched by the Canadian designer Dave Shea in May 2003. It showed one HTML page styled in completely different ways simply by swapping the CSS file. As the site itself puts it, the HTML remains the same and only the external CSS file changes. For many designers, it was proof that standards-based design could be beautiful.

The Flash Years

While CSS matured, many of the web's flashiest sites, literally, were built with Flash, a plugin that allowed animation, sound, video and games inside the browser. Flash powered animated intro pages, interactive menus and entire websites, and for a time it was one of the main ways to play video online.

Flash had serious drawbacks. Content locked inside it was hard for search engines to read and often difficult to make accessible, and it required a separate plugin. When Apple's iPhone arrived in 2007, its browser did not support Flash, and as browsers gained built-in support for video and animation, the plugin became less necessary. Adobe, which owned Flash by then, stopped supporting Flash Player on December 31, 2020 and began blocking Flash content from running on January 12, 2021.

Web 2.0, Skeuomorphism and Flat Design

In the mid-2000s, people began talking about "Web 2.0." The term had appeared as early as 1999, in an article by the writer Darcy DiNucci, but it was popularized by a 2004 conference organized by O'Reilly Media and MediaLive International. It described a web of participation: blogs, social networks, wikis and sites built around content from their users.

Visually, the era is remembered for rounded corners, soft gradients, reflections and big glossy buttons. Many interfaces also used skeuomorphism, a style that imitates real-world materials. Think of a notes app that looks like a yellow legal pad, or a calendar with stitched leather edges.

In the early 2010s, the trend reversed. Designers moved toward flat design: simple shapes, solid colors, clean typography and fewer decorative effects. A landmark moment came on June 10, 2013, when Apple unveiled iOS 7, the iPhone software it described as completely redesigned, with refined typography for a cleaner, simpler look. The textured, realistic surfaces of earlier versions disappeared.

Google introduced Material Design in 2014, a visual language that was mostly flat but used subtle shadows and motion to show which elements sat "above" others. Flat design also suited the growing mobile web, because simple graphics load faster and scale cleanly to different screen sizes.

Today: Responsive Layouts and Design Systems

Since Ethan Marcotte described "responsive web design" in 2010, layouts have been expected to adapt to any screen. Modern CSS tools such as Flexbox and Grid finally gave designers a proper, built-in way to create the column layouts that once required table tricks.

Larger organisations now work with design systems: shared libraries of colors, typography, buttons, forms and rules for using them, so that every page and product looks and behaves consistently. Google, for instance, describes Material Design today as its open-source design system. Small businesses benefit from the same idea on a smaller scale, through a consistent set of brand colors, fonts and reusable page sections.

A Short Timeline

1990–1991: The first website is plain text and links.
1993: Mosaic makes images alongside text easy to display.
Late 1990s: Table-based layouts and spacer images are common.
December 1996: CSS level 1 becomes a W3C Recommendation.
May 2003: The CSS Zen Garden shows the power of CSS.
Mid-2000s: Web 2.0 brings user-driven sites and glossy interfaces.
2010: Responsive web design is introduced.
2013–2014: iOS 7 and Material Design popularise flatter design.
2020–2021: Adobe ends support for Flash Player.

What This Means for Your Website

Design trends will keep changing, but the long-term direction has been consistent: separate content from presentation, follow web standards, work on every device, and make sites usable for everyone. If your website still relies on table layouts, Flash-era techniques or a fixed desktop-only width, it is working against how the modern web is built. A good redesign is less about chasing the latest look and more about getting those foundations right, so that future visual refreshes become easy.

Key takeaways

Early websites were text-based; Mosaic made images alongside text common in 1993.
Designers once used tables for layout, a practice the HTML 4.01 specification advised against in favor of style sheets.
CSS, first standardized in 1996, separated content from design and eventually replaced table layouts.
Flash dominated rich web experiences for years until Adobe ended support on December 31, 2020.
Modern design focuses on responsive layouts and consistent design systems rather than decoration for its own sake.

Sources

Spotted something out of date? Let us know.