v1.0 foundationDesign foundation
Every colour, font, radius and shadow is a token in app/assets/css/main.css. Reskin the brand by editing eleven OKLCH values.
Framework
Nuxt 4 · Nuxt UI v4
Theming
Tailwind v4 · OKLCH
Modes
Light + dark
Colour ramps
Primary · Clay
Neutral · Warm stone
Product palette
The real LOCKERS & SYSTEMATIC swatches, used as per-section accents.
Lockers range
Graphite Blue
Indian Curry
Green Shadow
Industrial Green
Baked Brick
Sandy Lilac
Mineral Gray
Systematic range
Candy Red
Tiger Orange
Amber Yellow
Frozen Blue
Silver Blue
Shadow Green
Black Oak
Simple White
Typography
Display · Bricolage Grotesque
Designové úložné systémy
Body · Geist
Funkční, inteligentní a elegantní úložný systém do kanceláří, veřejných budov i vašich domovů.
Mono · Geist Mono — labels & specs
1700 × 2030 × 450 mm · 12 units
Radius & shadow
xs
sm
md
lg
xl
2xl
3xl
shadow-sm
shadow-md
shadow-lg
shadow-xl
Iconography
Phosphor duotone · marketing
Lucide · dense UI