Brand Guidelines
Clippable
This guide establishes the foundation of the Clippable brand identity. These standards keep the brand cohesive across product, marketing, and press. Treat this as source of truth when producing anything that represents Clippable.
Clippable Purple is the primary accent, paired with neutrals for shells, cards, and dark product surfaces. Inter is the sole typeface for UI and marketing.
Download wordmark SVGLogo
Logo
Wordmark
Our logo is the primary identifier for the brand. Use approved assets on dark or light backgrounds with clear contrast.
Logo
Icon marks
The gradient icon works on dark and brand-colored surfaces. Use the light variant on pale backgrounds.
DarkBrand
LightLogo
Clear space
Keep clear space around the logo equal to the height of the C icon on all sides.
Logo
What to avoid
Do not stretch, rotate, recolor, or place the logo on low-contrast backgrounds.
Do
Use approved assets on dark backgrounds
Use approved assets on light backgrounds
Preserve clear space on all sides
Don't
Don't stretch or distort
Don't rotate the mark
Don't change logo colors
Don't use busy backgrounds
Color Palette
Official brand colors
Clippable Purple
RGB: 104/50/224
Primary brand color. Used for CTAs, buttons, and highlights.
Midnight
RGB: 18/18/18
Dark section backgrounds.
Near Black
RGB: 9/13/15
Deepest background on dark pages.
Snow
RGB: 255/255/255
White surfaces, cards, and page backgrounds.
Cloud
RGB: 238/241/243
Light cards and secondary surfaces.
Logo Blue
RGB: 104/50/224
Used in the Clippable logo gradient.
Logo Gradient
#6832e0 → #7d58fa → #6832e0
Used in the icon mark
Typography
Typography
Inter
One family for UI and marketing. Variable cut (weights 300–900) via Google Fonts.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()[]?!
The best clip wins.
Heroes: semibold (600) or bold (700/800), tracking −0.025em to −0.035em.
Downloads
Official assets for press and partners
Starts sequential downloads for the wordmark SVG, transparent PNG wordmark, and icon marks. Individual files are listed below if your browser blocks multiple downloads.
Logo SVG (Wordmark)
Vector, scalable
Logo PNG (Wordmark)
1570 × 368px, transparent
Icon PNG
689 × 662px, transparent
Icon (Homepage)
527 × 523px
Favicon PNG
192 × 192px
Usage Guidelines
These assets are provided for press, media, and authorized partner use only. Do not alter, recolor, or misrepresent the Clippable brand. For questions, contact support@clippable.io.