Skip to content

VISUAL DESIGN SYSTEM · ART DIRECTION

Art Direction — Isometric Technical Illustration

Adopted directly from the jang-personal-site design system. Zero exploded views: every asset depicts a resting, assembled, seated mechanical state.

The Invariants

Projection

2:1 isometric, axonometric (no perspective convergence; parallel lines remain strictly parallel).

Line Weight & Color

Uniform hairline stroke, near-black #202020 on flat pure white #ffffff.

Isometric Grid

Faint structural grid in light grey #d0d0d0–#e4e4e4, fading toward borders.

Palette

Pure greyscale (zero chroma). No colored elements or decorative gradient glows.

Typography

Zero text inside image pixels. Every label, dimension, and callout is rendered as native DOM text so it remains searchable, auditable, and accessible.

Assembled State Only

No exploded views. All mechanisms, trimmers, and comparator gauges are seated down on their alignment pins in their completed operational states.

Asset Catalog

Canonical assets deployed in assets/:

  1. hero_assembled.png: Universal Ingestion & Verification Chassis seated on standoff posts.
  2. pipeline_assembled.png: 5-Stage Ingestion Pipeline with trimmer seated flat on platen.
  3. stopping_gate_assembled.png: Epistemic Stopping Gate arm seated in registration detent.
  4. council_assembled.png: 5-Perspective Council Comparator gauge seated on master calibration block.