Flaviar Brand Identity

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

Color Palette

Brand palette extracted from https://flaviar.com.

• primary: #A76552 (rgb(167, 101, 82))
• secondary: #AE715E (rgb(174, 113, 94))
• accent: #A76552 (rgb(167, 101, 82))
• background: #FFFFFF (rgb(255, 255, 255))
• textPrimary: #1B1A19 (rgb(27, 26, 25))
• link: #3E844C (rgb(62, 132, 76))

Typography

Each font links to its Google Fonts page where available.

• primary: Nitti Grotesk Google Fonts →
• heading: Nitti Grotesk, Malaga, serif

Visual Assets

UI Components

Live previews rendered using Flaviar's actual button styles.

• Input: background #292827, textColor #FFFFFF, borderRadius 2px, shadow none
• Button Primary: background #A76552, textColor #FFFFFF, borderRadius 0px, shadow none
• Button Secondary: background #F7F6F5, textColor #A76552, borderRadius 0px, shadow none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: whiskey enthusiasts and premium spirits consumers

Frequently Asked Questions

• What is Flaviar's primary brand color?
  Flaviar's primary brand color is #A76552.
• What font does Flaviar use?
  Flaviar uses Nitti Grotesk as the primary typeface.
• Does Flaviar use a light or dark theme?
  Flaviar's primary site uses a light color scheme.
• Where can I find Flaviar's logo?
  Flaviar's logo is available directly on their site.

Methodology

Brand data was extracted from https://flaviar.com 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": "Nitti Grotesk", "role": "body"},
    {"family": "Malaga", "role": "unknown"}
  ],
  "colors": {
    "primary": "#A76552",
    "secondary": "#AE715E",
    "accent": "#A76552",
    "background": "#FFFFFF",
    "textPrimary": "#1B1A19",
    "link": "#3E844C"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Nitti Grotesk",
      "heading": "Nitti Grotesk"
    },
    "fontStacks": {
      "heading": ["Malaga", "serif"],
      "body": ["nitti-grotesk", "sans-serif"],
      "paragraph": ["nitti-grotesk", "sans-serif"]
    },
    "fontSizes": {
      "h1": "40px",
      "h2": "48px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "2px"
  },
  "components": {
    "input": {
      "background": "#292827",
      "textColor": "#FFFFFF",
      "borderColor": null,
      "borderRadius": "2px",
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#A76552",
      "textColor": "#FFFFFF",
      "borderRadius": "0px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F7F6F5",
      "textColor": "#A76552",
      "borderRadius": "0px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://flaviar.com/cdn/shop/files/flaviar-logo.svg?v=1692194325&width=600",
    "favicon": "https://flaviar.com/cdn/shop/files/flaviar_favicon.d0a8bcf7.png?crop=center&height=32&v=1692193704&width=32",
    "ogImage": "https://flaviar.com/cdn/shop/files/image_29.png?v=1694778656"
  }
}