THREE DESIGN LANGUAGES

UI born from tension, transparency, and memory

Nullv-UI sharpens decisions, SkyBlueCampus makes dense information feel light, and MemoriATM creates controls that are easy to trust and press. Each language turns its concept into consistent color, shape, spacing, and state behavior.

OVERVIEW

Different purposes need different tactile qualities

These three design languages separate the intended experience even when they are building the same kind of UI.

NULLV-UI

Structured tension that makes information decisive

This technical UI language is built from black surfaces, high-contrast orange and red, visible grids, 90-degree edges, and step-based blinking. It does not add science-fiction mood as decoration. It turns the tension of monitoring, detection, and judgment into structure.

  • Core colors are Background Black `#0D0D0D`, Nullv Orange `#FF6600`, and Warning Red `#CC0000`.
  • Rounded corners, shadows, and smooth fades are restrained in favor of borders, grids, and layered planes.
  • State changes switch immediately. Warning, receiving, and detection states use hard 0.1-second blinking.
NULLV CORE RECEIVING

VECTOR LOCK

03.218

SKY BLUE CAMPUS

Transparent intelligence that makes information feel lighter

This language combines white and pale sky blue, glass-like panels, soft borders, and data displays with emotional nuance. It works well for academic, analytics, and communication interfaces where dense information still needs to feel calm and readable.

  • Core colors are Sky Accent `#5CB8FF`, Academic Navy `#2D5F9A`, and Trust Mint `#57D8B7`.
  • Cards are translucent, corners are generous, shadows stay light, and spacing avoids feeling cramped.
  • Numbers, tags, and gauges carry meaning through color so information-heavy screens remain scannable.
Insight Score 92.47
Confidence High
Signal Clear
Recommended High trust Updated

MEMORI ATM

Nostalgic utility for terminals people can use without hesitation

Inspired by late-1990s to early-2000s banking terminals, this language uses a 4:3 screen, LCD tones, physical keys, and careful guidance text. The nostalgia is converted into practical transaction flows where users can see the next action and move forward confidently.

  • Core colors are LCD Base `#DDE4CB`, Terminal Blue `#1D5B9E`, and Deep Ink `#18324A`.
  • Buttons are large rectangular keys. Selection inverts instantly so the active target is obvious.
  • Polite wording, staged confirmation, and clear cancel paths reduce anxiety in terminal interactions.
MemoriATM STEP 01

Please select
your transaction

TOKENS

Compare color and shape

Core tokens are arranged so the intended use of each design language is visible at a glance.

Nullv-UI

90-degree corners, solid lines, no shadow, and hard step blinking.

SkyBlueCampus

Translucent panels, pale borders, and generous 14 to 24px corner radii.

MemoriATM

4:3 screens, thick rectangular buttons, DotGothic16, and instant inversion.

COMPARISON

Quick adoption guide

Design
Best fit
Visual character
Interaction
Nullv-UI
SF terminals, monitoring, detection, alerts, technical logs
Structured tension with black surfaces, grids, orange, red, and hard rectangles.
Step blinking, instant switching, and high contrast without glow.
SkyBlueCampus
Analytics, education, conversation, status views, dashboards
Transparent intelligence with pale sky tones, glass panels, and soft density.
Light lift, selection highlights, and indicators with emotional context.
MemoriATM
Transaction flows, confirmation screens, input terminals, retro work UIs
Nostalgic utility with LCD surfaces, physical keys, and careful guidance.
Instant inversion, staged progress, and clear cancel routes.