Cave design system
The rules, colours, type and components behind Cave Shops, Cave POS and cave.technology. Every product is built from the same tokens, in Light, Dark and Black, in English and Arabic.
- 3themes
- 64colour tokens
- 20type styles
- 18components
Principles
- Arabic is a first-class versionEvery screen is built in English and Arabic from the start, with logical properties so one layout mirrors.
- Flat and quietCards have a hairline, not a shadow. Buttons are rectangles. No gradients and no emoji.
- Readable by roleText, actions and status colours are checked for contrast in all three themes, and shop colours are adjusted until they read.
- One source, thin adaptersTokens live in one file. Web, Flutter and the desktop till each map them in one place.
Where to start
- ColourPalette, themes and the contrast of every text pair.
- TypographyHero, Poppins and Almarai, with the full type scale.
- Layout and motionSpacing, radius, shadow, motion and layers.
- ComponentsButtons, fields, tables, dialogs and more, live in every theme.
- BrandLogo, voice, icons and stationery.
- Product guidelinesThe rules for the software built on the brand.
- PlatformsHow the tokens become code in web and Flutter.
- Downloadstokens.css, tokens.json, Dart colours, fonts and logos.