Compose two styles

Rather than blending two styles into a middle, this assigns them roles: one carries the structure, the other appears as an accent. Where the two fight, it says so before you start.

How to divide the work

Composition
Follow Luna: A horizontal bar along the bottom, one primary control at its left
Type
Set in Luna's manner (Bold sans in white, contrasted hard against the blue ground), and let Windows 95 Interface's lettering (Set a bitmap sans at its native size with antialiasing off. Use one size, reserve bold for emphasis, and underline the single shortcut letter.) appear only where you want the eye to catch.
Material
Ground in Luna's material (Saturated blue and green, frames swelled by rounding and gradient); bring in exactly one thing from Windows 95 Interface (Carve everything from four values: the gray face, a white highlight, a mid gray shadow, a black outline. Build relief from an outer and an inner line, and swap light for dark on press.).
Colour
Build on #e9e6dd, #67635d, #171615 and admit one accent from #C0C0C0, #000080, #008080.

Where they fight

  • Both belong to Microsoft UI, so the difference is small. Push the roles further apart than feels comfortable.

Caution

  • Luna Copying only the palette while dropping the rounding and swell leaves the colors floating, and none of the optimism arrives.
  • Windows 95 Interface Copy the gray and the doubled line but add rounded corners or soft shadows, and the direction of the carving stops reading, taking the hardness that defined the original with it.

Image prompt

An original image that takes its structure from Luna (Style, 2001–2006) and its accent from Windows 95 Interface (Style, 1995–2001). Structural cues: The blue taskbar; The green Start button; Rounded frames; Meadow-and-sky optimism. Accent cues, used sparingly: Gray panels framed by a doubled edge, one light line and one dark line, outside and inside; A bar pinned to the bottom of the screen with a single square button at its left end; A flat navy title bar with three small squares grouped at its right end; Small bitmap text with no antialiasing, one letter underlined to mark the keyboard shortcut. Composition: A horizontal bar along the bottom, one primary control at its left. Type and lettering: Bold sans in white, contrasted hard against the blue ground. Let one material quality come from the second style: Carve everything from four values: the gray face, a white highlight, a mid gray shadow, a black outline. Build relief from an outer and an inner line, and swap light for dark on press.. Mood: Intimacy, Play, Trust, Technology, Nostalgia. Color: build on #e9e6dd, #67635d, #171615 with a single accent drawn from #C0C0C0, #000080, #008080. Constraints: do not imitate, reference or name any specific artist, studio, brand, character or copyrighted work. Produce an original composition in the general period languages described above.

Related entries

  • Luna 2001–2006 / Style / Microsoft UI

    Windows XP's look: blue taskbar, green Start button, rounded windows and a meadow wallpaper repainting the gray office machine as household optimism.

  • Windows 95 Interface 1995–2001 / Style / Microsoft UI

    The screen language Microsoft set down in its 1995 handbook for software design. Gray panels are carved with a doubled outer and inner edge, so the direction of the shadow alone says what can be pressed. A bar sits permanently along the bottom, and every application is assembled from the same system parts.

Share this pairing:
https://indexstyle.org/compose?ids=luna+windows-95-interface

Back to index position