Embedder Brand: Colors, Fonts, Logo & Visual Identity
Embedder Brand Identity
A complete profile of Embedder's visual system — colors, typography, components, and personality — extracted from https://www.embedder.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.embedder.com.
| Color | Hex Code | RGB |
|---|---|---|
| Primary | #3B82F6 | rgb(59, 130, 246) |
| Accent | #E8E8E8 | rgb(232, 232, 232) |
| Background | #000000 | rgb(0, 0, 0) |
| Text Primary | #000000 | rgb(0, 0, 0) |
| Link | #041940 | rgb(4, 25, 64) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font Family | Link |
|---|---|---|
| Primary | IBM Plex Sans | Google Fonts → |
| Heading | IBM Plex Sans | Google Fonts → |
Visual Assets
UI Components
Button Primary
- Background: #E8E8E8
- Text Color: #141414
- Border Color: #D8D8D8
- Border Radius: 4px
- Shadow: none
Button Secondary
- Background: #1F1F1F
- Text Color: #E8E8E8
- Border Color: #2E2E2E
- Border Radius: 4px
- Shadow: none
Brand Personality
- Tone: modern
- Energy: medium
- Audience: tech professionals
Frequently Asked Questions
What is Embedder's primary brand color?
Embedder's primary brand color is #3B82F6.
What accent color does Embedder use?
Embedder uses #E8E8E8 as an accent color.
What font does Embedder use?
Embedder uses IBM Plex Sans as the primary typeface.
Does Embedder use a light or dark theme?
Embedder's primary site uses a dark color scheme.
Where can I find Embedder's logo?
Embedder's logo is available directly on their site.
How was this brand profile generated?
This profile was extracted using the Firecrawl branding extraction API.
Methodology
Brand data on this page was extracted from https://www.embedder.com on 2026-07-27 using the Firecrawl API, which inspects each site's live CSS, font network requests, color tokens, and component styles.
Machine-Readable Profile
{
"colorScheme": "dark",
"fonts": [
{"family": "IBM Plex Sans", "role": "body"},
{"family": "IBM Plex Mono", "role": "monospace"}
],
"colors": {
"primary": "#3B82F6",
"accent": "#E8E8E8",
"background": "#000000",
"textPrimary": "#000000",
"link": "#041940"
},
"typography": {
"fontFamilies": {
"primary": "IBM Plex Sans",
"heading": "IBM Plex Sans"
},
"fontStacks": {
"heading": ["IBM Plex Sans"],
"body": ["IBM Plex Sans", "system-ui", "sans-serif"],
"paragraph": ["IBM Plex Sans"]
},
"fontSizes": {
"h1": "38px",
"h2": "36px",
"body": "14px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "2px"
},
"components": {
"buttonPrimary": {
"background": "#E8E8E8",
"textColor": "#141414",
"borderColor": "#D8D8D8",
"borderRadius": "4px",
"shadow": "none"
},
"buttonSecondary": {
"background": "#1F1F1F",
"textColor": "#E8E8E8",
"borderColor": "#2E2E2E",
"borderRadius": "4px",
"shadow": "none"
}
},
"images": {
"logo": "https://www.embedder.com/_next/static/media/logo.9fa9c29f.svg",
"favicon": "https://www.embedder.com/favicon.ico?favicon.c29994fa.ico",
"ogImage": "https://embedder.com/og-image.png"
},
"personality": {
"tone": "modern",
"energy": "medium",
"targetAudience": "tech professionals"
}
}