Quiet Slate
A calm, professional design system built on slate neutrals and a confident blue primary. Sora sets the display voice; Manrope carries the body. Every color, radius, and shadow comes from a token — so every component works in light and dark.
Brand
Official Atlântica Beach Volley marks, in three colorways.
Token-driven
Semantic colors, radius, and type mapped into Tailwind v4's @theme namespace — never raw values.
Two themes
Class-based dark mode with a working toggle. A token that only works in one theme is a bug.
Accessible
Semantic elements, visible focus-visible rings, and keyboard-reachable states by default.