Design System
One brand, made reusable.
Every token, component and motion on touvay.com is extracted from the official identity. Nothing here is invented — it is the identity, made operable.
Colour tokens
All colours are CSS variables — a single data-theme swap re-themes the entire site. The accent is seasoning, never structure.
Typography
Say it like you mean it.
Touvay is an invisible communication layer. It sits between what you feel and what you type, and closes the gap — rewriting a message into the register you intend, without ever sounding like a machine.
TONE = confident · caring · professional → touvay.com / v1.0
Components
Raised surface
Card fill, hairline border, 16px radius, soft shadow — the identity's raised surface.
Hover me
The border warms to Iris on hover — the one quiet flourish.
The mark
Primary geometry from 32px up; the heavier small-size cut takes over at 24px and below. Full construction and motion live on the identity page.