Evangelion Design

Apply Evangelion-inspired interface language to web and mobile products without turning the result into generic neon cyberpunk or a direct franchise copy. The source material uses UI as story pressure: severe geometry, narrow color signals, dense but legible telemetry, and motion that behaves like machinery under stress.

Quick Start

1. Pick the screen role first: hud, command-center, psychograph, sync-ladder, reactor-diagnostic, breach-monitor, or title-card.
2. Pick one hot accent family for the screen: amber, red, or signal-green. Add one cool support only when the composition needs separation.
3. Build the layout from frames, rulers, rings, bars, masks, repeated device arrays, and crosshair geometry before adding decorative texture.
4. Animate the screen by revealing state: counters, sweeps, trace plotting, sync steps, panel swaps, and alert pulses.
5. Keep the work original. Echo the language of Evangelion, but do not reuse exact logos, title cards, or one-to-one screen compositions.

Workflow

1. Define the dramatic job

Choose the emotional function before choosing components.

• hud: first-person overlays on top of imagery; use wide masks, target brackets, sparse ticks, and range markers.