Wanory Labs Design System
One theme. One accent. One crescendo.
The Wanory Labs visual foundation: white paper, deep ink, and orange used with confidence at large moments.
The logo sets everything
A thick geometric W mark reads bold and engineered. A grotesk wordmark reads confident. Its orange is for floods, not polish.
Primary, on light
Transparent, text and mark
The mark for icons and giant graphics
Colors
Eight tokens. White as canvas, ink as voice, orange for large moments, coal for the closing only.
Paper
Main canvas
#FFFFFFInk
Text and CTA
#171310Muted
Secondary text
#5F5952Line
Borders
#E9E4D9Brand
Floods and moments
#E4571DBrand Deep
Hover and labels
#BC3F0ECoal
Finale only
#141110Sand
Text on coal
#B7AFA3Typography
Space Grotesk for firm display type, Geist for body, mono for small data labels only.
Display, Space Grotesk semibold
Safe and useful intelligence
Body, Geist with a 65-character measure
Wanory Labs builds safe and useful AI systems. Every release passes strict evaluation before it reaches users.
Buttons and labels
Primary uses ink for the highest contrast. Brand uses ink text on orange. Paper is for brand and coal surfaces.
The paper variant is for brand and coal surfaces. The brand variant flips to white text on hover.
Rules of use
Four checks audited before any page ships.
One theme, one crescendo
No dark mode and no toggle. The page flows from paper, peaks in an orange flood, and closes on a coal block.
One accent, used with confidence
Orange appears only at large moments: flood bands, giant display type, the W mark. Never as decoration scattered everywhere.
Consistent shapes
Buttons are always pills, cards are always 20px, inputs are always 12px. Never mixed.
One label per intent
One page, one CTA label per intent. Pick one of Talk to us, Contact, or similar and use it everywhere.