Theme Eras¶

Nine design languages, from Windows 1.x to Windows 11, written down as measured data rather than as impressions.

Every era here was researched from its own first-party material: shipped installation media, the SDK headers and theme dictionaries of the time, the design guidelines Microsoft published, and the framework sources that still ship today. Each page condenses that research into one read: what the design language set out to do, the colors, type, metrics and motion it actually used, how its controls were built, and what it takes to reproduce it on a current Windows stack.

The Era Table¶

Several pages cover more than one release, because the releases share one design language: Aero covers Vista and 7, Metro covers Windows 8 and 8.1 (with Windows Phone as its origin), Windows 9x covers 95 to 2000, and Early Windows covers 1.x and 2.x. Where the releases differ, the page gives both values and says which is which.

Appearance and Behavior¶

A design language is two things at once: how controls look, and how they behave, are laid out and are worded. The pages record both, but they keep them apart, because only the first half is a theme. Tiled windows in Windows 1.x, the Ok spelling on its buttons, the right-hand button column of a Windows 3.1 dialog or the Windows 8 edge gestures are behavior, layout and content. A re-creation that swaps colors, metrics and control art can reproduce the look of every era here; it cannot reproduce those traits without changing the application itself. Each page's Reproducing it today section says which traits fall on which side.

The same split applies in the other direction. Most eras lack controls a modern application expects: there is no toggle switch in Windows 95 and no slider in Windows 2.x. A re-creation that needs one has to build it from the era's own parts, and the pages point out where a control has no era original.

Light, Dark and High Contrast¶

Only four of the nine eras have a genuine dark and light pair: Metro, MDL2, Fluent and Fluent 2. The five older eras are light-only, although from Windows 1.x to 9x every system color was user-settable, so a user could dial in a dark scheme by hand.

High contrast exists in every era from Windows 95 on, and each era keeps its own construction under it. Windows 95 to 2000 treat the contrast colors as one more color scheme. Luna and Aero drop to the Classic look while a contrast theme is on, exactly as Windows XP and 7 did. Metro, MDL2 and Fluent keep their shape and swap to their HighContrast theme dictionary, whose colors are the user's system colors.

What Each Page Covers¶

Every era page follows the same outline, so two eras can be compared section by section.

• Principles. What the design language set out to do, in its own first-party words where there are any.
• Foundations. Color, type, metrics and motion, as tables of measured values. Color includes the system color slots or theme keys of the era, type the UI faces and their sizes in effective pixels, metrics the border, padding and control sizes, and motion the durations (which for the five oldest eras is zero, everywhere).
• Controls. Per control: geometry, states and the tokens each state reads. Controls the era did not have are listed as such.
• Reproducing it today. What a re-creation on a current Windows stack can reproduce exactly, what it has to approximate (fonts that no longer ship, artwork that must not be redistributed, OS features that were removed, such as glass), and what is behavior rather than appearance.
• Sources. The primary sources behind the values, as footnotes.

How to Read a Page¶

Values on these pages come from sources of different strength, and the pages say which tier a value comes from wherever that changes how far you should trust it.

Tier 1 wins over Tier 2 when they disagree, because the shipped artifact is what users saw. A handful of values have no Tier 1 or Tier 2 source at all (the Windows 95 trackbar's pixel geometry is one); the page flags them. "Measured" means read from a file or counted in a bitmap. Where a value is chosen rather than found, the page says that too.

None of the pages carry screenshots or bitmaps from Microsoft media. Everything here is text, tables and numbers.