In the Skill's Own Terms
This skill architects web interfaces that synthesize mid-century Swiss typographic design, industrial manufacturing manuals, and retro-futuristic aerospace/military terminal interfaces. It requires absolute mastery over rigid modular grids, extreme typographic scale contrast, purely utilitarian color palettes, and programmatic simulation of analog degradation including halftones, CRT scanlines, and bitmap dithering.
The objective is to construct digital environments projecting raw functionality, mechanical precision, and high data density while deliberately discarding conventional consumer UI patterns. Used for data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.
What it produces
- Web interfaces with rigid modular grids, extreme typographic scale contrast, and utilitarian color palettes
How It Works
- 01Select One Visual Archetype and Commit
Choose either Swiss Industrial Print (high-contrast light modes with heavy sans-serif typography) or Tactical Telemetry & CRT Terminal (dark mode with monospaced typography and technical framing).
- 02Engineer Extreme Typographic Scale Contrast
Deploy macro-typography at massive scales using fluid typography with tight tracking and compressed leading, exclusively uppercase.
- 03Choose One Substrate Palette Consistently
Select either light mode using matte unbleached documentation paper backgrounds with carbon ink text, or dark mode using deactivated CRT backgrounds with white phosphor text.
- 04Build on Blueprint Grid Architecture
Construct layouts with strict CSS Grid where elements are anchored precisely to grid tracks and intersections.
- 05Apply Analog Degradation Effects
Simulate physical media limitations through halftone and 1-bit dithering on images, CRT scanlines via repeating linear gradients, and mechanical noise filters applied globally to introduce unified physical grain across the interface.