K05 — ICONOGRAPHY, IMAGERY & GENERATIVE VISUALS

Drawn like
a schematic.

A 1.5 px technical icon set, generative visuals that need no photography, and a photo direction for the day real lab images arrive.

10⁰ — Icons

49 technical icons

24 px grid · 1.5 px stroke · round caps · 2 px live-area inset
Anatomy
24 × 24 grid, 2 px inset. Strokes never scale: use 1.5 px at 24, 2 px at 32+. No fills except dots.
Usage
Icons label, they don’t decorate. Always pair with text in navigation and status. Decorative icons get alt="".

10¹ — Generative

Field Lines and friends

Canvas 2D, one context per visual, paused off-screen, DPR ≤ 2. Reduced motion renders a static streamline poster. All are aria-hidden; meaning lives in adjacent text.

Plasma torusfield: torus · plasma palette
Wafer lanesfield: wafer · iridescent
Kinematic jointsfield: robot · wireframe overlay
Bloch shellsfield: bloch · for quantum
Wafer die gridCSS · thin-film interference shimmer

10² — Imagery

Photo direction

Real labs and real engineers. Dramatic but honest light, macro hardware, dark studio renders with rim light. Until photos exist, use art-directed duotone placeholders that name the subject.

MACRO · HARDWARE HTS tape cross-section, raking light
ENGINEER · PORTRAIT Magnet engineer at the test stand, practical light
CLEANROOM Lithography bay under amber safelight
STUDIO RENDER Forma hand, dark studio, rim light
IN THE FIELD Forma on a live line, 1× speed still
FACILITY Solis-1 hall, wide, human for scale
Never use
Holographic hands · binary-code rain · glowing brains · robot hand touching human hand · lens flares · neon cyberpunk grids · stock “scientist pointing at screen”.