Popsy Brand: Colors, Fonts, Logo & Visual Identity
Popsy Brand Identity
A complete profile of Popsy's visual system — colors, typography, components, and personality — extracted from https://popsy.ai. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://popsy.ai.
| Color | Hex Code | RGB |
|---|---|---|
| primary | #E54E05 | rgb(229, 78, 5) |
| accent | #E54E05 | rgb(229, 78, 5) |
| background | #F7F7F7 | rgb(247, 247, 247) |
| textPrimary | #404040 | rgb(64, 64, 64) |
| link | #0000EE | rgb(0, 0, 238) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Google Fonts Link |
|---|---|---|
| primary | Source Sans 3 | Google Fonts → |
| heading | Clash Grotesk | Google Fonts → |
Visual Assets
%22%3E%3Cpath%20d%3D%22M-.002%208a8%208%200%200%201%208-8h18a8%208%200%200%201%208%208v14a8%208%200%200%201-8%208h-18a8%208%200%200%201-8-8V8Z%22%20fill%3D%22url(%23svg345773968_650_b)%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2211%22%20width%3D%2210%22%20height%3D%2229%22%20rx%3D%225%22%20fill%3D%22%23E6A978%22%20style%3D%22mix-blend-mode%3Acolor-burn%22%2F%3E%3Cpath%20d%3D%22M12%2030h10v5a5%205%200%200%201-10%200v-5Z%22%20fill%3D%22%23AE8768%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg345773968_650_b%22%20x1%3D%2216.998%22%20y1%3D%220%22%20x2%3D%2216.998%22%20y2%3D%2230%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FA0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF6F00%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22svg345773968_650_a%22%3E%3Cpath%20fill%3D%22%23fff%22%20transform%3D%22translate(-.002)%22%20d%3D%22M0%200h34v40H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%3C%2Fsvg%3E)
Logo
Favicon
Social Card
UI Components
Live previews rendered using Popsy's actual button styles.
Button Primary
- background: #E54E05
- textColor: #0000EE
- borderRadius: 8px
- shadow: rgba(0, 0, 0, 0.17) 0px 0.482901px 0.482901px -1.875px, rgba(0, 0, 0, 0.06) 0px 4px 4px -3.75px
Button Secondary
- background: #F2F2F2
- textColor: #0000EE
- borderRadius: 8px
- shadow: rgba(0, 0, 0, 0.17) 0px 0.482901px 0.482901px -1.875px, rgba(0, 0, 0, 0.06) 0px 4px 4px -3.75px
Brand Personality
- Tone: modern
- Energy: high
- Audience: businesses looking to leverage AI for customer acquisition on Reddit
Popsy Brand in the Wild
Real-world brand assets — ads, campaigns, and marketing materials.
Image: framerusercontent.com
Source: popsy.ai
Image: framerusercontent.com
Source: popsy.ai
Frequently Asked Questions
What is Popsy's primary brand color?
Popsy's primary brand color is #E54E05. It anchors the visual identity across their website, product UI, and marketing materials.
What font does Popsy use?
Popsy uses Source Sans 3 for body text and Clash Grotesk for headings. Fonts were detected on https://popsy.ai as part of their live design system.
Does Popsy use a light or dark theme?
Popsy's primary site uses a light color scheme, with a background of #F7F7F7.
Where can I find Popsy's logo?
Popsy's logo is available directly on their site (https://popsy.ai).
How was this brand profile generated?
This profile was extracted from https://popsy.ai using the Firecrawl branding extraction API.