01 / FoundationsKidutz UI library
Small details. A shared language.
The colors, type and rhythm behind every Kidutz experience.
The starting point
Color palette
06 tokensForestPrimary · actions
--forestLavenderBrand · highlights
--brandMintCalm · surfaces
--secondarySunshineWarmth · accents
--sunshineSkyInformation · surfaces
--skyCanvasPage · background
--backgroundTypography
ManropeAaSimple words.
Display / Semibold / 32 px
Simple words.
A little more care.
Display / Semibold / 32 pxO nouă zi de descoperiri.Heading · 20 / 28
Informații clare, pentru oamenii din jurul fiecărui copil.
Body · 14 / 22Grupa Exploratorilor · 5 octombrieCaption · 12 / 18
Spacing & shape
4 px base481216243248Controls6 px
Cards8 px
StatusFull
Clear hierarchy. Visible focus. Gentle motion.
The essentials
Atoms → platformSemantic states
PrezentÎn așteptareNouNecesită atențieAbsent