Screenhero Brand: Colors, Fonts, Logo & Visual Identity
Screenhero Brand Identity
A complete profile of Screenhero's visual system — colors, typography, components, and personality — extracted from http://screenhero.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from http://screenhero.com.
| Color | Hex Code | RGB Values |
|---|---|---|
| Primary | #611F69 | rgb(97, 31, 105) |
| Secondary | #4A154B | rgb(74, 21, 75) |
| Accent | #1264A3 | rgb(18, 100, 163) |
| Background | #FFFFFF | rgb(255, 255, 255) |
| TextPrimary | #000000 | rgb(0, 0, 0) |
| Link | #1264A3 | rgb(18, 100, 163) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font Family | Google Fonts Link |
|---|---|---|
| Primary | Segoe UI | Google Fonts → |
| Heading | Segoe UI | Google Fonts → |
Font Stack for Headings
Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Noto Color Emoji
Visual Assets
UI Components
Live previews rendered using Screenhero's actual button styles.
Button Primary
| Background | Text Color | Border Radius | Shadow |
|---|---|---|---|
| #611F69 | #FFFFFF | 4px | none |
Button Secondary
| Background | Text Color | Border Radius | Shadow |
|---|---|---|---|
| #FFFFFF | #611F69 | 4px | rgb(97, 31, 105) 0px 0px 0px 1px inset |
Brand Personality
Tone: professional Energy: medium Audience: business professionals
Screenhero Brand in the Wild
Image Source: d34u8crftukxnk.cloudfront.net
Image Source: a.slack-edge.com
Frequently Asked Questions
What is Screenhero's primary brand color?
Screenhero's primary brand color is #611F69. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Screenhero use?
Screenhero uses #1264A3 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Screenhero use?
Screenhero uses Segoe UI as the primary typeface across body and headings.
Does Screenhero use a light or dark theme?
Screenhero's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Screenhero's logo?
Screenhero's logo is available directly on their site (http://screenhero.com). 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 http://screenhero.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.