Napnix Design System
Minimal token-driven primitives for cards, actions, forms, and planning surfaces.
Palette
Core Napnix color tokens.
bg
surface
accent
warm
brand-900
brand-600
Buttons + Inputs
Primary actions, secondary actions, and form controls.
Avg Total Sleep
11h 12m
7-day average
Avg Night Sleep
9h 36m
complete nights only
Nap Days
71%
range filtered
Signal Badges
Status signals for daily guidance.
Total sleep11h 12m target
Evening window7h 24m high
Night wakings0h 20m
Nap end14h 18m
Tonight Plan
Simple row layout with time-first values.
Routine start19h 55m
Target asleep window20h 40m - 21h 00m
Nap cutoff14h 10m
Nap attempt12h 30m