Browse all of Kata
Foundations
Colour, type, space, borders, motion, icons, imagery, rank and accessibility.
- ColourThe palette, why the hero inverts, and the two traps that keep recurring.
- TypeThe scale, what each entry is for, and the two-sizes-per-screen rule.
- SpaceThe ramp, the legal half-steps, and grouping with space instead of lines.
- Radius and bordersTwo border tokens with two jobs, and the five radii.
- ElevationWhy the app is flat, and what separates a floating surface instead.
- The small metricsControl heights, glyph sizes, avatars, chips, insets — the numbers that are never invented.
- MotionWhat moves, how far, how fast, and who opts out.
- IconographyWeight, size, colour, and when a glyph may stand alone.
- ImageryPhotos, avatars, thumbnails, the mascot — and what each looks like when it fails.
- RankBelts as data. The one foundation that is Konjo's and nobody else's.
- Content formatDates, numbers, names, counts, and what happens when something does not fit.
- AccessibilityEverything past contrast: screen readers, text scaling, reduced motion, and focus.