NERV-UI DOCS
inspection terminal
live
doc.access // online
NERV COMPONENT INSPECTION
route integrity monitored

Visual Grammar

This page defines the core visual families of NERV-UI so component choices stay coherent. The library should not collapse every screen into one generic “cyber dashboard” language.

[i]FOUR DISTINCT FAMILIES

NERV-UI currently operates across four major families: structural panels, camera overlays, emergency broadcast, and EVA title cards. A screen can mix them, but one family should clearly dominate.

1. Structural Panels

Use angular panels for command rooms, data chassis, navigation, logs, forms, and monitoring surfaces. This is the default NERV control-room language.

  • ▶Prefer <Card />, hud, and other rigid primitives for shells and data grouping.
  • ▶Keep borders thin, segmented, and dry.
  • ▶Avoid rounded edges here.
STRUCTURAL PANELinspection frame
live inspectionframe-01
MAGI STATUS
MELCHIOR 1 // ONLINE
BALTHASAR 2 // ONLINE
CASPER 3 // COMPUTING

2. Camera Overlays

Use rounded plaques only when a component should feel attached to a signal feed, portrait capture, targeting frame, or live camera overlay.

  • ▶Prefer <Card rounded /> for plaque geometry; add variant="video" when you specifically want the orange footage palette. Pilot Card, Pattern Alert, and Status Stamp remain the higher-level camera-overlay components.
  • ▶Rounded corners belong to the plaque, not the page shell.
  • ▶Titles should feel like broadcast annotation, not panel headers.
CAMERA OVERLAYinspection frame
live inspectionframe-01
TEST PLUG-02
KAWORU NAGISA
HARMONICS TEST PROCEEDING SUBJECT : FIFTH C.
SIGNAL STATE : LIVE

3. Emergency Broadcast

Use the broadcast family for whole-screen interruptions, warnings, launch conditions, and command states that should dominate the display.

  • ▶Prefer Emergency Banner.
  • ▶Let the typography carry the impact.
  • ▶Use hazard chevrons sparingly and symmetrically.
BROADCASTinspection frame
live inspectionframe-01

4. EVA Title Cards

Use this family for ceremonial, narrative, chapter-like, or title-card moments. This is not the same thing as a control-room panel.

  • ▶Prefer Title Screen.
  • ▶Serif display is acceptable here.
  • ▶Keep the chrome almost absent.

Screen Archetypes

  • ▶Command center: mostly structural panels, with emergency broadcast only when needed.
  • ▶Live camera feed: structural shell plus one or two camera overlays.
  • ▶Alert takeover: emergency broadcast dominates and suppresses other languages.
  • ▶Episode/title view: title-card family dominates almost alone.
[!]ANTI-PATTERN

Do not round cards, use serif typography, and add chevrons everywhere on the same screen. That creates a synthetic “EVA-inspired” mix instead of a readable system.

Quick Rules

  • ▶If it belongs to the chassis, keep it angular.
  • ▶If it belongs to the footage, it can round.
  • ▶If it must interrupt everything, use the broadcast family.
  • ▶If it feels ceremonial or narrative, use the title-card family.