datafruit Brand Identity

A complete profile of datafruit's visual system — colors, typography, components, and personality — extracted from https://datafruit.dev/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://datafruit.dev/.

• primary: #C0D984 (rgb(192, 217, 132))
• accent: #C0D984 (rgb(192, 217, 132))
• background: #FBFBF8 (rgb(251, 251, 248))
• textPrimary: #0A0A0A (rgb(10, 10, 10))
• link: #6B7280 (rgb(107, 114, 128))

Typography

Each font links to its Google Fonts page where available.

• primary: Golos Text Google Fonts →
• heading: Golos Text Google Fonts →
• font stacks: Platypi, ui-serif, Georgia, Cambria, Times New Roman, Times, serif

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M%2011.85%2C11.42%20V%2017.01%20H%206.15%20V%2011.42%20H%2011.85%20V%205.74%20H%200.51%20V%2022.66%20H%2017.66%20V%2011.42%20H%2011.85%20Z%22%20fill%3D%22%23C0D984%22%20style%3D%22transition%3A%20fill%20600ms%20cubic-bezier(0.22%2C%201%2C%200.36%2C%201)%3B%20fill%3A%20rgb(192%2C%20217%2C%20132)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

Logo

Favicon

Social Card

UI Components

Live previews rendered using datafruit's actual button styles.

• Button Primary

{
  "buttonPrimary": {
    "background": "#C0D984",
    "textColor": "#262626",
    "borderRadius": "0px",
    "shadow": "none"
  }
}

Brand Personality

• Tone: modern
• Energy: medium
• Audience: tech-savvy professionals

datafruit Brand in the Wild

Image: static.ssb.ee

Source: ssb.ee

Image: cdn.prod.website-files.com

Source: fondo.com

Image: datafruit.eu

Source: datafruit.eu

Frequently Asked Questions

• What is datafruit's primary brand color? datafruit's primary brand color is #C0D984. It anchors the visual identity across their website, product UI, and marketing materials.

• What font does datafruit use? datafruit uses Golos Text as the primary typeface across body and headings.

• Does datafruit use a light or dark theme? datafruit's primary site uses a light color scheme, with a background of #FBFBF8.

• Where can I find datafruit's logo? datafruit's logo is available directly on their site (https://datafruit.dev/). The current logo URL is included in the machine-readable JSON profile linked above.

• How was this brand profile generated? This profile was extracted 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 datafruit.