Guides
How to start, the look and feel, building with AI, and how quality is kept. Read it top to bottom, or jump to what you need.
Foundations
- Color7 themes, light and dark, and what each colour is for.
- TypeFonts, sizes and spacing for readable text.
- Space and shapeSpacing, corners and borders that keep screens consistent.
- Layout and gridHow to arrange a screen on phones and desktops.
- PhonesThe rules every part follows on a phone.
- MotionHow movement should feel, and when to skip it.
- IconsThe icon set and how to use it.
- IllustrationSmall drawings for empty and error screens.
- ChartsHow to show numbers in charts people can read.
- TokensEvery colour, size and timing, by what it is for.