01 / FoundationsKidutz UI library

Small details. A shared language.

The colors, type and rhythm behind every Kidutz experience.

Foundations

Atoms

Molecules

Organisms

Templates

The starting point

Color palette

06 tokens

ForestPrimary · actions--forest

LavenderBrand · highlights--brand

MintCalm · surfaces--secondary

SunshineWarmth · accents--sunshine

SkyInformation · surfaces--sky

CanvasPage · background--background

Typography

Manrope

Simple words.
A little more care.

Display / Semibold / 32 px

A new day of discovery.Heading · 20 / 28

Clear information for the people around every child.

Body · 14 / 22

Explorers group · October 5Caption · 12 / 18

Spacing & shape

4 px base

4

8

12

16

24

32

48

Controls6 px

Cards8 px

StatusFull

Clear hierarchy. Visible focus. Gentle motion.

The essentials

Atoms → platform

SIZES

Semantic states

PresentPendingNewNeeds attentionAbsent

Iconography

Lucide · 20 px