Brand
Brand & press kit
Logos, wordmark, color palette, typography, and usage guidelines for press, partners, and integrators.
Mark and wordmark
On light background
On dark background
Tagline: See the full picture. Decide what’s next.
Downloads
Color
Hex values are reference points. Source of truth is the design-token CSS in the application theme.
Typography
Display
Headlines, hero titles, marketing display copy.
Family: Marketing display (serif-adjacent, low tracking)
Sans
Body copy, UI text, navigation, footnotes.
Family: Marketing sans (neutral, high legibility)
Voice
Direct. Say what we mean. Don't hide behind hedging or marketing jargon.
Concrete. Real numbers, real institutions, real limitations. No vague claims like "bank-level encryption" — we specify AES-256 at rest and TLS 1.2+ in transit.
Respectful. Our users are sophisticated. Don't explain things they already know, don't pretend complexity isn't real.
Usage rules
Do
- Use the mark at minimum 16px height. Reserve clear space equal to the cap height on all sides.
- Pair the wordmark with the mark on first appearance in a piece of media. Subsequent references can use either alone.
- Write the brand name as 'Clarity' — capital C, no period, no suffix.
- Use the dark mark on light backgrounds and the light mark on dark backgrounds for legibility.
Don't
- Don't recolor, rotate, distort, or add effects (shadows, gradients, outlines) to the mark.
- Don't reproduce the wordmark in a different typeface.
- Don't combine the mark with another logo to imply partnership or endorsement.
- Don't write 'Clarity.app', 'ClarityFinance', or 'Clarity Money' — those are different products.