Creative direction board

NexoAI landing system.
Six directions, one soul.

Stylescape v2 · 2026-08-04 · Taste loop (Kimi K3 arbiter) × Creative director (art direction) × Image gen (Seedream 5.0 Pro / apiyi) · benchmark: kast.xyz principles, nexoai tokens

CANVAS #0A0A0D
ACCENT #5B6BF5
STATUS #3ECF8E
01

Tokens — locked

taste-loop rebuild spec
canvas bg
#0A0A0D
Page background · ~90% of pixels
surface panel
#12131A
Terminals, tables, raised panels
surface-2 raised
#16181F
Hover / elevated fills
ink text
#F4F5FF
Primary text · warm white, not pure
muted text
#8A8FA3
Body, secondary · 4.7:1 on canvas
muted-hi text
#9AA3B2
Eyebrows, nav, ledes (QA bump)
faint text
#565B6E
Micro labels, captions, meta
line rule
#1E2030
Hairlines — texture, not shadow
line-strong rule
#2A2E40
Ghost borders, hover hairlines
accent one hue
#5B6BF5 → #8B96FF
The single accent · CTA, glow, keys
field close
#3D4CD4 → #5B6BF5
Inversion close · full-bleed field
mint status only
#3ECF8E
Live / operational dots — product truth

Discipline: one accent (periwinkle), used as light — glow, gradient text, keys, CTA. Mint exists only where the product's own status semantics appear (ledger "live" dots, footer status line). Killed: green POST badges, teal, purple gradients, glassmorphism, drop shadows. No card grids — hairlines and whitespace only.

02

Typography — three voices, one system

Sora / Inter / JetBrains Mono
Display — Sora
600 · -0.022em · caps for manifestos only
Models come
and go.
Text — Inter
400/500 · 1.65 · 16px body
One OpenAI-compatible key routes every major model — with automatic failover, real-time latency routing and a single bill. Your stack stays. The key changes.
Data — JetBrains Mono
500 · tabular-nums · everything that is a number
"routed_to": "claude-sonnet-5",
"latency_ms": 412,
"cost": "$0.0018"
displayEVERY MODEL HAS A DOOR68px · clamp
h2Change one line. Keep your stack.36px · clamp
h3Real-time routing, not round-robin21px
ledeThe route outlives the models it carries.17px
eyebrowONE ENDPOINT · EVERY FRONTIER LAB10.5px mono caps
datap50 380ms · $0.0018 · 99.99%12.5px mono

Rule: data is mono + tabular, prose is Inter — you can tell them apart with the page blurred. Display authority comes from scale and weight 600, never 800. Bold is a crutch.

03

The nexus — identity, not decoration

open ring · gap upper-right
Hero role demoted. The orbit diagram no longer carries the hero — it became identity (logomark), footer texture, and the live routing visualization (direction 02).
The open ring. The gap at upper-right echoes the logo's "o" and reads as an entry point — traffic enters, the core routes.
Satellites = labs. Model nodes sit on dashed orbits around the core. In motion, request pulses travel the spokes — routing intelligence as light, never as machinery.
04

Texture — abstract luminous energy

image-gen · Seedream 5.0 Pro + periwinkle huefix
pixel mosaic
pixel mosaic — hero bg05-aurora
radial burst
radial burst — product field05
aurora beams
aurora beams — split visual05
routing nexus
routing nexus — concept02 dna
aurora mesh
aurora mesh — ambient05
isometric relay
isometric relay — rejectedtoo literal

Direction: the approved taste lesson — abstract luminous energy + restraint (radial bursts, pixel mosaics, light beams) beats literal machinery (orbits-as-diagrams, 3D relay cores). Art is atmosphere and light; the product itself provides the literal proof. All assets hue-fixed to periwinkle deterministically; zero people, zero readable text in art.

05

Motion — one living thing per page

restraint is the brand
Drift
12s ease-in-out alternate

Hero glow breathes ±6-8%. Ambient, slow, never autoplay-loud.

Stream
char-by-char · 12-38ms/char

The living endpoint types its own response on load. Product proving itself — the signature move.

Pulse
2.6-4.6s staggered

Request pulses travel nexus spokes; core ring expands. One moving system per hero, nothing else.

Ticker
live data · interval updates

Latency figures and routing logs update every few seconds. Numbers as texture, honesty as motion.

Rule: no fade-up-everything, no scroll-jack, no looped carousels. prefers-reduced-motion collapses all of it to static truth.

06

Layout doctrine — the kast translation

principles, not skin
D1

Product-as-hero

The artifact on stage: a live endpoint, a routing table, a real session. The product IS the art direction.

D2

Accent-as-light

Periwinkle appears as glow, gradient text, keys — never as a solid wall (until the inversion close).

D3

The palette arc

Whisper (hero glow) → breath (one light room) → full field (final CTA). The color scheme narrates.

D4

Hairlines, not cards

1px #1E2030 rules, inset to container. No shadows, no glass, no card grids. Taste dies in card boxes.

D5

Section tempo

No two adjacent sections share a layout. Dense → sparse → dense. Scrolling has rhythm.

D6

Manifesto copy

Name the enemy (key hell, model churn), claim the position (the route stays). Features are proof, not promises.

07

Six directions — judged from pixels

taste loop v2 · both breakpoints
Living Endpoint7.6 · PASS
01 · Living Endpoint flagship

Product-as-hero: manifesto caps + a terminal that streams its own 200 OK response. The P0 spec, built.

Signature move: the endpoint types its JSON on load, latency ticks live.

The Nexus7.0
02 · The Nexus ownable

The orbit motif, promoted to a living routing core — request pulses travel spoke beams to six labs, live log below.

Signature move: animated request pulses + production-traffic ticker.

Manifesto7.4
03 · Manifesto voice

Typographic ceremony: "MODELS COME AND GO. THE ROUTE STAYS." Type-led, hairline-ruled, one white breath, full-field close.

Signature move: the strongest line in the set carries the entire fold.

Terminal Native7.3
04 · Terminal Native dev-first

The SDK session IS the hero: pip install → one base_url → routed. SDK tabs, model index, zero ceremony.

Signature move: the session types itself and lands on "claude-sonnet-5 412ms".

Aurora7.3
05 · Aurora atmosphere

Full-bleed periwinkle mosaic, copy floating in the light. The approved "abstract luminous energy" direction, restrained.

Signature move: intelligence, routed like light — the art carries the metaphor.

The Ledger7.4
06 · The Ledger truth

The model index as hero — live prices, live latency, fastest cell marked. "The catalog is the page. The page is the truth."

Signature move: a ledger that breathes — numbers update every 3s.

08

Verdict

awwwards rubric · 25×4 → /10
directiondesignusabilitycreativitycontenttotalread
01 · Living Endpoint201918197.6the P0 plan executed; the only direction that clears the 7.5 bar
03 · Manifesto201817197.4best copy, most risk — depends entirely on the line
06 · The Ledger191818197.4most differentiated truth-move for an infra brand
04 · Terminal Native191917187.3sharp, but the category's default move
05 · Aurora191819177.3premium atmosphere, thinner content story
02 · The Nexus181718177.0most ownable idea, diagram still fights the fold

Recommendation — build 01, borrow from 06 and 03.

01 Living Endpoint as the base system: it is the rebuild spec executed — product-as-hero, accent-as-light, palette arc, and the streaming endpoint as the jury-remembered signature move. Fold in 06's ledger as the proof section below the fold (models, prices, live latency — the "catalog is the page" trust layer) and its pricing table as the close before inversion. Adopt 03's manifesto line ("Models come and go. The route stays.") as the hero copy variant — A/B it against "You hold one key." Keep 02's nexus as the footer texture and the log table as a docs-page pattern. 04 and 05 stay in the drawer: strong execution, weaker differentiation for this brand.