In the Skill's Own Terms
This is an opinionated visual style for web interfaces, combining rigid modular grids, contrasting type scales and utilitarian palettes with print or terminal-inspired texture. It provides concrete layout and styling instructions rather than a guarantee of design mastery.
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.