UTILITY
.home-framePage-level horizontal container. max-width 1440px, padding-inline 64px (24px on mobile).
INTERNAL · TOKENS · DESIGN SURFACE
Every token, on the wall.
The full set of --home-* tokens that resolve inside .home-aura-page. Swatch, name, hex, role — one row per token.
TOKENS
16
Every --home-* color token defined inside .home-aura-page.
GROUPS
Five
Void, line, bone, aura, signal. The vocabulary of the surface.
SCOPE
.home-aura-page
Tokens resolve only inside the wrapper. No globals leak.
INSTRUMENT READOUT · TOKEN PALETTE
TOKEN GRID
Each token, by name and hex.
Reference for engineers and designers extending AuraOne surfaces. Copy the name, paste it, ship the system.
VOID · SURFACES
--home-voidBase background
#07080C
--home-void-2Card / section surface
#0C0E14
--home-void-3Nested surface
#12141C
LINE · DIVIDERS
--home-lineHairline divider
#FFFFFF14
--home-line-softSoft divider
#FFFFFF0A
--home-line-strongStrong divider
#FFFFFF22
BONE · TEXT
--home-bonePrimary text
#ECE6D6
--home-bone-softBody text
#ECE6D6CC
--home-bone-faintCaption text
#ECE6D680
--home-bone-muteMuted caption
#ECE6D655
AURA · ACCENTS
--home-aura-1Violet · AI Labs
#C9A4FF
--home-aura-2Periwinkle · Review
#8FB8FF
--home-aura-3Cyan · Domain Labs
#6DE1D2
SIGNAL · STATE
--home-amberIncidents · risk
#F6B06B
--home-signalSignal · escalation
#FF8A6B
--home-signedSigned · approved
#B8F7A5
SHARED CLASSES
Beyond color, the scaffolding.
UTILITY
.home-serifInstrument Serif — display headings, italics, descender-aware line-heights.
UTILITY
.home-body-serifSource Serif Pro — body prose, weight 300, reading-paced lines.
UTILITY
.home-aura-grainFixed-position sodium-grain overlay. Place once near the root.
EXTEND THE SURFACE
One vocabulary. One surface.
The token set is the contract. Use these names and the system stays consistent across product, docs, and marketing.