Foundations
Design System
The single source of truth for the kymo brand — the mark, the Mermaid palette, typography, design tokens and voice. Pick a topic to dive in.
01BrandingThe mark, wordmark lockups, and the rules that keep them consistent.→02ColourThe Mermaid palette, roles, and WCAG-approved contrast pairings.→03TypographyThe three faces — display, body and mono — and how to use them.→04TokensThe CSS custom properties every kymo surface is built on.→05VoiceThe fixed lines — tagline, slogan, positioning — and where they live.→06What not to doCommon mistakes to avoid with the mark and the messaging.→