Subtle Computing Brand: Colors, Fonts, Logo & Visual Identity
Subtle Computing Brand Identity
A complete profile of Subtle Computing's visual system — colors, typography, components, and personality — extracted from https://www.subtle.co/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.subtle.co/.
| Type | Color Code | RGB |
|---|---|---|
| primary | #E9E6D8 | rgb(233, 230, 216) |
| secondary | #F04923 | rgb(240, 73, 35) |
| accent | #FAF9EC | rgb(250, 249, 236) |
| background | #FFFFFF | rgb(255, 255, 255) |
| textPrimary | #0A0A0A | rgb(10, 10, 10) |
| link | #0000EE | rgb(0, 0, 238) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font Name | Google Fonts Link |
|---|---|---|
| primary | TT Commons Pro | Google Fonts → |
| heading | TT Commons Pro | Google Fonts → |
| fallback | Arial, Helvetica Neue, Helvetica, sans-serif |
Visual Assets
-
- Logo
- Favicon
- Social Card
UI Components
Live previews rendered using Subtle Computing's actual button styles.
Input
- Style:
- background: transparent
- textColor: #0A0A0A
- borderColor: null
- borderRadius: 0px
- shadow: none
Button Primary
- Style:
- background: #FAF9EC
- textColor: #FAF9EC
- borderRadius: 0px
- shadow: none
Button Secondary
- Style:
- background: #0A0A0A
- textColor: #FAF9EC
- borderRadius: 10px
- shadow: none
Brand Personality
- Tone: modern
- Energy: medium
- Audience: tech-savvy individuals interested in innovative audio products
Frequently Asked Questions
What is Subtle Computing's primary brand color?
Subtle Computing's primary brand color is #E9E6D8. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Subtle Computing use?
Subtle Computing uses #FAF9EC as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Subtle Computing use?
Subtle Computing uses TT Commons Pro as the primary typeface across body and headings.
Does Subtle Computing use a light or dark theme?
Subtle Computing's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Subtle Computing's logo?
Subtle Computing's logo is available directly on their site (https://www.subtle.co/). 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.subtle.co/ 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 Subtle Computing.