Dakota Brand: Colors, Fonts, Logo & Visual Identity
Dakota Brand Identity
A complete profile of Dakota's visual system — colors, typography, components, and personality — extracted from https://dakota.xyz/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://dakota.xyz/.
primary
#000000
accent
#010101
background
#010101
textPrimary
#010101
link
#000000
Typography
Each font links to its Google Fonts page where available.
primary
Maison Neue
Maison Neue Google Fonts →
heading
Ivar Soft
Ivar Soft Google Fonts →
Visual Assets
Logo
Favicon
Social Card
UI Components
Live previews rendered using Dakota's actual button styles.
Input
- background: transparent
- textColor: #FFFFFF
- borderColor: null
- borderRadius: 0px
- shadow: none
Button Primary
- background: #FFFFFF
- textColor: #010101
- borderRadius: 0px
- shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px
Button Secondary
- background: #010101
- textColor: #FFFFFF
- borderColor: #FFFFFF
- borderRadius: 0px
- shadow: none
Brand Personality
Tone: professional
Energy: medium
Audience: business professionals
Dakota Brand in the Wild
Image: dakota.xyz
Image: csts.ua.edu
Frequently Asked Questions
What is Dakota's primary brand color? Dakota's primary brand color is #000000. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Dakota use? Dakota uses #010101 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Dakota use? Dakota uses Maison Neue for body text and Ivar Soft for headings. Fonts were detected on https://dakota.xyz/ as part of their live design system.
Does Dakota use a light or dark theme? Dakota's primary site uses a light color scheme, with a background of #010101.
Where can I find Dakota's logo? Dakota's logo is available directly on their site (https://dakota.xyz/). 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://dakota.xyz/ 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 Dakota.
Methodology
Brand data on this page was extracted from
https://dakota.xyz/ on 2026-07-27 using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.
Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.
{
"colorScheme": "light",
"fonts": [
{
"family": "Maison Neue",
"role": "body"
},
{
"family": "Ivar Soft",
"role": "heading"
}
],
"colors": {
"primary": "#000000",
"accent": "#010101",
"background": "#010101",
"textPrimary": "#010101",
"link": "#000000"
},
"typography": {
"fontFamilies": {
"primary": "Maison Neue",
"heading": "Ivar Soft"
},
"fontStacks": {
"heading": [
"Ivar Soft",
"Georgia",
"Times New Roman",
"serif"
],
"body": [
"Maison Neue",
"system-ui",
"-apple-system",
"Helvetica Neue",
"Arial",
"sans-serif"
],
"paragraph": [
"Maison Neue",
"system-ui",
"-apple-system",
"Helvetica Neue",
"Arial",
"sans-serif"
]
},
"fontSizes": {
"h1": "56px",
"h2": "48px",
"body": "20px"
}
},
"spacing": {
"baseUnit": 8,
"borderRadius": "0px"
},
"components": {
"input": {
"background": "transparent",
"textColor": "#FFFFFF",
"borderColor": null,
"borderRadius": "0px",
"borderRadiusCorners": {
"topLeft": "0px",
"topRight": "0px",
"bottomRight": "0px",
"bottomLeft": "0px"
},
"shadow": "none"
},
"buttonPrimary": {
"background": "#FFFFFF",
"textColor": "#010101",
"borderRadius": "0px",
"borderRadiusCorners": {
"topLeft": "0px",
"topRight": "0px",
"bottomRight": "0px",
"bottomLeft": "0px"
},
"shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px"
},
"buttonSecondary": {
"background": "#010101",
"textColor": "#FFFFFF",
"borderColor": "#FFFFFF",
"borderRadius": "0px",
"borderRadiusCorners": {
"topLeft": "0px",
"topRight": "0px",
"bottomRight": "0px",
"bottomLeft": "0px"
},
"shadow": "none"
}
},
"images": {
"logo": "https://dakota.xyz/_next/image?url=%2Fimages%2Fdakota-logo-white.png&w=256&q=75",
"favicon": "https://dakota.xyz/favicon.ico?v=2",
"ogImage": "/images/dakota-social-media.png",
"logoHref": "/",
"logoAlt": "Dakota"
},
"personality": {
"tone": "professional",
"energy": "medium",
"targetAudience": "business professionals"
}
}