Datrics Brand: Colors, Fonts, Logo & Visual Identity
Datrics Brand Identity
A complete profile of Datrics's visual system — colors, typography, components, and personality — extracted from https://datrics.ai. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://datrics.ai.
| Color | Hex | RGB |
|---|---|---|
| Primary | #212931 | rgb(33, 41, 49) |
| Secondary | #67737E | rgb(103, 115, 126) |
| Accent | #2F85A2 | rgb(47, 133, 162) |
| Background | #FFFFFF | rgb(255, 255, 255) |
| Text Primary | #2F85A2 | rgb(47, 133, 162) |
| Link | #2F85A2 | rgb(47, 133, 162) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Google Fonts Link |
|---|---|---|
| Primary | Inter | Inter |
| Heading | Space Grotesk | Space Grotesk |
Visual Assets
UI Components
Live previews rendered using Datrics's actual button styles.
Button Primary
- background: #2F85A2
- textColor: #FFFFFF
- borderRadius: 12px
- shadow: rgba(47, 133, 162, 0.2) 0px 0px 24px 0px, rgba(47, 133, 162, 0.08) 0px 0px 48px 0px
Button Secondary
- background: transparent
- textColor: #FAFAFA
- borderColor: #CBE1E8
- borderRadius: 12px
- shadow: none
Brand Personality
- Tone: professional
- Energy: medium
- Audience: businesses seeking AI solutions
Frequently Asked Questions
What is Datrics's primary brand color? Datrics's primary brand color is #212931. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Datrics use? Datrics uses #2F85A2 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Datrics use? Datrics uses Inter for body text and Space Grotesk for headings. Fonts were detected on https://datrics.ai as part of their live design system.
Does Datrics use a light or dark theme? Datrics's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Datrics's logo? Datrics's logo is available directly on their site (https://datrics.ai). 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://datrics.ai 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 Datrics.