Codebuff Brand Identity

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

Color Palette

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

• Primary: #031D0A (rgb(3, 29, 10))
• Secondary: #19212C (rgb(25, 33, 44))
• Accent: #111827 (rgb(17, 24, 39))
• Background: #000000 (rgb(0, 0, 0))
• Text Primary: #000000 (rgb(0, 0, 0))
• Link: #111827 (rgb(17, 24, 39))

Typography

Each font links to its Google Fonts page where available.

• Primary: Inter
  Google Fonts →
• Heading: Domine
  Google Fonts →

Visual Assets

UI Components

Live previews rendered using Codebuff's actual button styles.

• Button Primary:
  background: #111827
  textColor: #FFFFFF
  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.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px

• Button Secondary:
  background: #FFFFFF
  textColor: #000000
  borderRadius: 0px
  shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: developers and tech enthusiasts

Codebuff Brand in the Wild

Frequently Asked Questions

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

What accent color does Codebuff use?
Codebuff uses #111827 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Codebuff use?
Codebuff uses Inter for body text and Domine for headings. Fonts were detected on https://codebuff.com as part of their live design system.

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

Where can I find Codebuff's logo?
Codebuff's logo is available directly on their site (https://codebuff.com). 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://codebuff.com 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 Codebuff.

Machine-Readable Profile

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Domine",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#031D0A",
    "secondary": "#19212C",
    "accent": "#111827",
    "background": "#000000",
    "textPrimary": "#000000",
    "link": "#111827"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Domine"
    }
  },
  "components": {
    "buttonPrimary": {
      "background": "#111827",
      "textColor": "#FFFFFF",
      "borderRadius": "0px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#000000",
      "borderRadius": "0px"
    }
  },
  "images": {
    "logo": "https://www.codebuff.com/_next/image?url=%2Ffavicon%2Flogo-and-name.ico&w=640&q=75",
    "favicon": "https://www.codebuff.com/favicon/favicon-16x16.ico",
    "ogImage": "https://www.codebuff.com/opengraph-image.png"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "developers and tech enthusiasts"
  }
}