Wondering what early web design 1990s sites looked like? You’d see plain text, tiled backgrounds, animated GIFs and table-built layouts, all crawling over slow dial-up modems.
This page sits inside the wider topic of retro computing, which looks at older technology and how people used it.
| Item | Value |
|---|---|
| First web page goes live | August 6, 1991 |
| Netscape Navigator share of the browser market | Over 80% by mid-1995 |
| CSS becomes a W3C recommendation | 1996 |
| Suggested homepage weight (code and images) | Under 50 KB |
| Common desktop screen size | 640×480 pixels |
The figures come from Aalto University’s course notes and Speckyboy’s web design history. Sources differ on some early details and figures can change, so check the source before you rely on them.
How the first web pages looked
The first web page went live on August 6, 1991, at CERN in Switzerland, and it described the World Wide Web project itself, according to Aalto University’s course notes. Those notes add that early pages were largely text-based, with little dynamic functionality apart from hyperlinks.
Dribbble’s timeline of web design in the 1990s paints the same picture: websites were often pure text, with blue hyperlinks that turned purple on click. The author notes that Google search still shows that habit.
Pictures arrived with NCSA Mosaic in 1993. Aalto’s notes call it the first widely adopted browser to display images inline with text, which made the web more appealing to non-technical users (Aalto University).
The web was still small. Dribbble’s author counts around 30,000 websites by 1995.
If you want the earlier hardware backdrop, the guide to 8-bit vs 16-bit computers covers it.
Backgrounds, GIFs and the personal-page look
GeoCities is the name most tied to the look. LottieFiles says it put web pages in the hands of regular people, bringing gaudy backgrounds, coloured fonts and many seemingly random design choices. Aalto’s notes date the service to 1994 and say it offered free hosting alongside Tripod.
Aalto University’s course notes describe a recognisable retro look built from a few ingredients:
- Tiled backgrounds and bright colours
- “Under construction” graphics
- Visitor counters
- Guestbooks
- Animated GIFs
Backgrounds got a technical push from Netscape 1.1. Its March 1995 release inspired full-screen backgrounds made of repeating image tiles, and Cybercultural remarks that the era of grey backgrounds was now well and truly behind designers.
Animated GIFs came next. LottieFiles says Netscape Navigator introduced support for them, and that GIFs were used to add animation, display navigation buttons or warn visitors that a site wasn’t ready yet.
Many of these pages were made by amateurs. Modern Retail’s history says pages were largely built by non-designers, which explains the noisy background textures and blinking text.
How were pages laid out before CSS?
Early pages were linear. Cybercultural explains that until Netscape introduced tables later in 1995, there was no standard way to build columns or a grid, so you simply scrolled from top to bottom.
Layout control arrived in September 1995, when Netscape Navigator 2.0 introduced tables. Designers could then add columns, navigation sidebars and sectioned-off headers (Cybercultural).
Designers quickly treated the table as a design grid. Modern Retail describes the common tricks:
- Using a table to position items on the page
- Turning headlines into images to keep a full font library
- Slicing images into small pieces held together by the table
- Nesting tables inside tables
The cost was weight and complexity. Speckyboy says nested tables left code extremely bloated, which taxed slow connections. Modern Retail adds that sites without the technique looked simplistic or amateurish by comparison.
CSS offered a cleaner route. It was first proposed in 1994 and became a W3C recommendation in 1996, but Aalto’s notes say early browser support was limited and inconsistent, so designers kept relying on HTML tables.
Slow modems, small screens and tight page budgets
Speed was the biggest brake. Speckyboy says 56k modems seemed like broadband next to 14.4 and 28.8 models, and that you wanted a homepage to total less than 50kb. Modern Retail gives the same rule of thumb: under 50k for a reasonable load time.
Screens were small and varied. Speckyboy describes the range:
- 640×480 on a typical desktop of 1996
- 800×600 for some users
- 1024×768 only on a really high-end system
Modern Retail pairs this with 16-color displays and the web-safe color palette, so pages looked different on designers’ workstations than on visitors’ machines.
Ambitious sites paid a price. The creators of the Batman Forever site recalled postage-stamp videos of 3MB that had to be downloaded, not streamed, and a review warned that users on 14.4 modems would be waiting (Cybercultural).
Dial-up is part of the nostalgia too. LottieFiles recalls its leisurely pace at loading pages, and if you like period media, the floppy disk history is a good companion read.
Early web design in the late 1990s: browser wars and Flash
Aalto’s notes say Netscape Navigator captured over 80% of the market by mid-1995, then faced Microsoft’s Internet Explorer, launched in August 1995. The browser wars brought rapid innovation but also fragmentation and compatibility issues (Aalto University).
That showed up on screen. Speckyboy calls sites with proprietary code that only worked in Internet Explorer one of the worst trends of the time.
Scripting and animation tools followed. Netscape released JavaScript in 1995 (Aalto University), LottieFiles says Flash hit in 1996, and Dribbble’s timeline notes the first Flash intros by 1997.
The Batman Forever site, launched in May 1995, showed where designers wanted to go. A review quoted by Cybercultural called it a collection of pages as experiential as they are informative, with users navigating a virtual skyline of Gotham.
Flash changed what a page could be. LottieFiles says it allowed animations, video, audio and choices of fonts and layouts, and that pages could be organised in a non-linear fashion instead of one long scroll.
Not every idea lasted. Modern Retail says room-style metaphors, such as a clickable file cabinet or bookshelf, fell out of favour as unintuitive.
The decade’s busiest pages had a quiet counterpoint. Aalto’s notes say Google’s 1998 debut brought a clean, minimalist interface.
Browsers also decided how much of a design survived. Speckyboy says those classic browsers often took the same code and rendered it in very different ways, so one design could look quite different from one visitor to the next.
Frequently asked questions
What did websites look like in the 1990s?
Show answer
Early pages were mostly text with blue links, as Dribbble’s timeline describes. Later pages added tiled backgrounds, animated GIFs, counters, guestbooks and table-based layouts.
Why did 1990s sites use tables for layout?
Show answer
Netscape Navigator 2.0 introduced tables in September 1995, which gave designers columns and grids, according to Cybercultural. CSS support was still limited and inconsistent.
How big were web pages?
Show answer
Speckyboy says a homepage’s code and images should total less than 50kb. Modems of that era made larger pages slow to load.
When did Flash appear?
Show answer
LottieFiles places Flash, then called FutureSplash and Macromedia Flash, in 1996. It opened up animation, audio and non-linear pages.
