Compose styles

Rather than blending styles toward a middle, this gives them roles. The first one carries the structure, the next comes in as the accent, and anything after that shows up in a single detail. Where they fight each other, it says so before you start.

How to divide the work

Composition
Follow Terminal UI: Everything on the column and row grid, blocks separated by blank lines
Type
Set in Terminal UI's manner (One monospaced face where emphasis comes from weight and inversion alone), 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 Terminal UI's material (One phosphor hue on black with scanlines and bloom added sparingly); 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 #b2b2b2, #00a800, #010301 and admit one accent from #C0C0C0, #000080, #008080.

Where they fight

These are already listed as related entries, so the join should come easily.

Caution

  • Terminal UI Heavy scanlines and flicker cost legibility and the atmosphere ends up beating the speed that made the tool worth using.
  • 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

Produce four original images that take their structure from Terminal UI (style, 1970s–) and their accent from Windows 95 Interface (style, 1995–2001). ## What to make Make the kind of thing Terminal UI exists for: developer tools packing state and next steps into one monospaced screen, or staging technical hardness or secrecy as the look of an interface. Choose one subject and hold it across all four. ## Structure comes from Terminal UI - Single phosphor color on black - The monospace grid - A blinking cursor - Scanlines and glow Composition: Everything on the column and row grid, blocks separated by blank lines. Type and lettering: One monospaced face where emphasis comes from weight and inversion alone. ## Accent comes from Windows 95 Interface, 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 Let one material quality come from it: 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 and feeling Build the ground on #b2b2b2, carry the structure in #00a800 and #010301, and let a single accent come from #008080. These are read off real works, so a direction rather than a fixed palette. Feeling to carry: technique, rebellion, calm, trust, nostalgia. ## What goes wrong - Terminal UI: Heavy scanlines and flicker cost legibility and the atmosphere ends up beating the speed that made the tool worth using. - 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. ## Across the four Keep the roles fixed in all four. Vary the framing, the scale and the arrangement so the set shows what this pairing can do rather than four versions of one picture. ## Constraints - Do not imitate, reference or name any specific artist, studio, brand, character or copyrighted work. - Do not reproduce the composition of an existing work. - Produce original compositions in the general period languages described above.

Related entries

  • Terminal UI 1970s– / Style / UI Expression

    The terminal look: monospaced phosphor characters on black. The VT100's green afterglow became the primal image of the computer's face, repeated from hacker cinema to modern CLI tools.

  • 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 composition:
https://indexstyle.org/compose?ids=terminal-ui+windows-95-interface

Back to index position