Design System
Brand.
The logo, palette, motion, and voice that make Nuvio feel like Nuvio. Right-click the logo anywhere on the site to grab it.
01 — Logo
The wordmark
One wordmark, indigo on light and white on ink. Right-click it (or use the ⋯) to copy or download — no asking design.
Right-click for brand assets02 — Color
Palette
Indigo is the one dominant hue. Neutrals are tinted toward it. Accents are reserved for data and status — never decoration. Click any swatch to copy its hex.
Brand
Ink & text
Surface
Accents (data only)
03 — Motion
Motion language
Calm and consistent. Hover shifts shadow and color, never size. Press scales down a touch for tactile feedback. Entrances rise and fade. Everything respects prefers-reduced-motion.
Timing
- instant120msPress / tap feedback
- fast180msHover
- base240msMenus, state changes
- slow360msExpand / collapse
- entrance640msPage load & scroll reveal
--ease-standard cubic-bezier(.25,1,.5,1) ·--ease-out-expo cubic-bezier(.16,1,.3,1)
Hover
Shadow + color. No lift, no scale-up.
shadow grows
Press
Scale to 0.98 on active. Tactile, brief.
Entrance
Rise + fade, staggered 60ms. Once per element.
04 — Voice
Voice & tone
We write for founders, not accountants. Plain words, real numbers, no jargon flex. Confident, calm, a little dry.
- “Your finances live in five tabs and a Sunday afternoon.”
- “Runway is just cash ÷ burn.”
- “Made for founders, not accountants.”
- “Leverage synergistic financial workflows.”
- “Best-in-class, world-class, enterprise-grade.”
- “Empower your financial journey today!”