Brand resources
The Kluppy brand
Everything you need to use the Kluppy brand correctly: vector logos, icon, color palette and typefaces. If you are going to mention us in the press, on your school website or in partner materials, start here.
Logo
The primary version is the black wordmark with the blue square, on a light background. On dark backgrounds use the reversed version. Monochromes are for one-ink printing. Always use these files — the logo is never retyped.
Black monochrome
One-ink printing on light.
White monochrome
One ink on dark or on Kluppy Blue.
Clear space
Leave at least 2■ (two blue squares) of air on every side: no text, borders or other logos.
Minimum sizes
Digital: never below 120 px wide. Print: 30 mm. Smaller than that, use the icon. Ratio ~3.08:1 — never alter it.
120 px
✗ too small
Icon
When the full logo does not fit or cannot be read — favicon, app icon, avatars — use the k. on the Kluppy Blue tile. Never combine the icon and the full logo in the same composition.
The full pack includes favicon.ico, apple-touch-icon and Android/PWA sizes (192/512).
Color
Kluppy Blue is the square’s color and the brand accent. Do not replace it with the product interface indigo or other blues. Click any value to copy it.
Kluppy Blue
Accents, brand CTAs, details.
Scale
Neutrals and backgrounds
The product interface uses its own functional palette (indigo primary #4F46E5 and semantics). In brand pieces, Kluppy Blue rules.
Typography
Logo
Coolvetica (Typodermic Fonts), −1% tracking, with the dot replaced by the blue square. Reserved for the logo: never used in headlines or text.
Corporate
Outfit
Regular · Medium · Bold · ExtraBold
Web, app, decks, email and marketing. Headlines in ExtraBold with the blue square full stop. Free on Google Fonts.
Metrics
92 WPM · 99%
Roboto Mono for performance figures: WPM, accuracy, times, counters. Never for running text.
What not to do
When in doubt, go back to the original files and change nothing.
✗ Stretch or distort
✗ Condense
✗ Rotate or tilt
✗ Shadows and effects
✗ Recolor the wordmark
✗ Change the square’s color
✗ Low-contrast backgrounds
kluppy.
✗ Retype it
Downloads
Full brand pack
SVG and PNG logos, icon and favicons, social and email templates, and the identity guidelines in PDF (es · en · eu · ca).
Usage rules
- Use the files as they are: do not alter colors, proportions or composition.
- Do not use the Kluppy brand as part of your product name, domain or account.
- Do not imply sponsorship or affiliation without a prior agreement with us.
- Press, partners or usage questions? Write to us: info@kluppy.com