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
radii
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 corner radii, square to pill
ShadowSix elevations and three legacy shadows