Contra Brand: Colors, Fonts, Logo & Visual Identity
Contra Brand Identity
A complete profile of Contra's visual system — colors, typography, components, and personality — extracted from https://contra.com/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://contra.com/.
| Type | Color Code | RGB |
|---|---|---|
| Primary | #222834 | rgb(34, 40, 52) |
| Secondary | #677084 | rgb(103, 112, 132) |
| Accent | #222834 | rgb(34, 40, 52) |
| Background | #FFFFFF | rgb(255, 255, 255) |
| Text | #14171F | rgb(20, 23, 31) |
| Link | #9BA2B0 | rgb(155, 162, 176) |
Typography
Each font links to its Google Fonts page where available.
| Type | Font |
|---|---|
| Primary | GT Standard M |
| Heading | GT Standard M |
| GT Standard L, Arial, sans-serif |
UI Components
Live previews rendered using Contra's actual button styles.
Button Primary
- Background: #222834
- Text Color: #FFFFFF
- Border Radius: 24px
- Shadow: none
Button Secondary
- Background: #F5F6F9
- Text Color: #9BA2B0
- Border Radius: 8px
- Shadow: none
Brand Personality
- Tone: modern
- Energy: medium
- Audience: freelancers and businesses
Contra Brand in the Wild
Frequently Asked Questions
What is Contra's primary brand color? Contra's primary brand color is #222834. It anchors the visual identity across their website, product UI, and marketing materials.
What font does Contra use? Contra uses GT Standard M as the primary typeface across body and headings.
Does Contra use a light or dark theme? Contra's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Contra's logo? Contra's logo is available directly on their site (https://contra.com/).
How was this brand profile generated? This profile was extracted from https://contra.com/ using the Firecrawl branding extraction API.