Neo-Industrial Design

Apply a coherent visual system to web content. The result should feel engineered, editorial, and physically composed: typography carries the hierarchy, a disciplined grid controls tension, imagery behaves as evidence, and technical graphics clarify structure or state.

The user's instructions and existing product requirements take precedence. Treat supplied copy, facts, information architecture, and imagery as content inputs. Do not research, fact-check, or rewrite substantive content unless the user explicitly asks. When required content is missing, use neutral placeholders or leave the region open rather than inventing subject matter.

Set the visual thesis

Infer these choices from the supplied brief and existing interface; make routine design decisions without a separate approval round:

1. Mode: editorial, instrumental, or hybrid. Editorial mode is type-led and poster-like. Instrumental mode is image- or interface-led. Hybrid mode alternates them.
2. Dominant gesture: one primary move, such as an edge-cropped title, a full-bleed image under a grid, a bracketed word, or a giant index.
3. Grid: columns, outer gutter, and recurring alignment axes. Deliberate violations should remain accountable to those axes.
4. Signal: one accent color with a consistent visual role such as action, selection, position, or emphasis.

Read references/visual-system.md before designing or restyling the interface. Use it as a system of relationships, not as a checklist of effects.

Build from macro to micro