Every Kinobi screen, built from one design system.

Use the design team's tokens as kds: classes or --kds-* variables, so every screen matches the design without a single hard-coded value.

colours
140
text styles
27
spacing steps
17
radius sizes
8
shadows
9
Get startedBrowse tokens

Building with an AI agent?

Career fair submissions1 waiting for your review
Review all
T
PT Telkom IndonesiaJakarta Tech Career Fair
Approved
G
GojekEngineering Open House
Pending
T
TokopediaProduct Internship Day
Rejected
Every colour, text style, spacing step, radius and shadow in this panel is a kds: class.
Colour140 semantic colours, 9 class families
AaAaAaAa
Typography27 text styles in Lato
Spacing17 steps on a 4px grid
Radius8 border radius sizes, square to pill
ShadowSix elevations and three legacy shadows