Subtrace Brand: Colors, Fonts, Logo & Visual Identity
Subtrace Brand Identity
A complete profile of Subtrace's visual system — colors, typography, components, and personality — extracted from https://subtrace.dev. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://subtrace.dev.
| Color | Hex | RGB |
|---|---|---|
| primary | #9CA3AF | rgb(156, 163, 175) |
| secondary | #8C6B05 | rgb(140, 107, 5) |
| accent | #036499 | rgb(3, 100, 153) |
| background | #000000 | rgb(0, 0, 0) |
| textPrimary | #000000 | rgb(0, 0, 0) |
| link | #036499 | rgb(3, 100, 153) |
Typography
Each font links to its Google Fonts page where available.
- Primary: Inter
- Heading: Inter
Visual Assets
Favicon
Social Card
UI Components
Live previews rendered using Subtrace's actual button styles.
Button Primary
- Background: #141415
- Text Color: #000000
- Border Radius: 8px
- Shadow: none
Button Secondary
- Background: #F4F4F5
- Text Color: #3F3F46
- Border Radius: 4px
- Shadow: none
Brand Personality
Tone: modern
Energy: medium
Audience: developers and tech enthusiasts
Frequently Asked Questions
What is Subtrace's primary brand color?
Subtrace's primary brand color is #9CA3AF. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Subtrace use?
Subtrace uses #036499 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Subtrace use?
Subtrace uses Inter as the primary typeface across body and headings.
Does Subtrace use a light or dark theme?
Subtrace's primary site uses a dark color scheme, with a background of #000000.
How was this brand profile generated?
This profile was extracted from https://subtrace.dev using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.