Sero Brand: Colors, Fonts, Logo & Visual Identity
Sero Brand Identity
A complete profile of Sero's visual system — colors, typography, components, and personality — extracted from https://www.sero.so. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.sero.so.
| Color | Code | RGB |
|---|---|---|
| Primary | #000000 | rgb(0, 0, 0) |
| Accent | #1C1917 | rgb(28, 25, 23) |
| Background | #F5F5F4 | rgb(245, 245, 244) |
| Text | #1C1917 | rgb(28, 25, 23) |
| Link | #000000 | rgb(0, 0, 0) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Link |
|---|---|---|
| Primary | Ranade | Google Fonts → |
| Heading | Ranade | Google Fonts → |
Visual Assets
UI Components
Live previews rendered using Sero's actual button styles.
| Component | Details |
|---|---|
| Button Primary | background: #1C1917, textColor: #FAFAF9, borderRadius: 8px, shadow: none |
Brand Personality
Tone: professional
Energy: medium
Audience: business professionals
Sero Brand in the Wild
Frequently Asked Questions
What is Sero's primary brand color?
Sero's primary brand color is #000000. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Sero use?
Sero uses #1C1917 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Sero use?
Sero uses Ranade as the primary typeface across body and headings.
Does Sero use a light or dark theme?
Sero's primary site uses a light color scheme, with a background of #F5F5F4.
Where can I find Sero's logo?
Sero's logo is available directly on their site (https://www.sero.so). The current logo URL is included in the machine-readable JSON profile linked above.
How was this brand profile generated?
This profile was extracted from https://www.sero.so using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Sero.