Crunched Brand: Colors, Fonts, Logo & Visual Identity

Crunched Brand Identity

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

Color Palette

Brand palette extracted from https://usecrunched.com/.
primary
#C9C2B6
rgb(201, 194, 182)

secondary
#A7A198
rgb(167, 161, 152)

accent
#FD6012
rgb(253, 96, 18)

background
#1F1F1F
rgb(31, 31, 31)

textPrimary
#1F1F1F
rgb(31, 31, 31)

link
#FD6012
rgb(253, 96, 18)

Typography

Each font links to its Google Fonts page where available.

primary
Helvetica Neue
Google Fonts →

heading
Helvetica Neue
Google Fonts →

Visual Assets

Logo

Favicon

Social Card

UI Components

Button Primary

Button Secondary

Brand Personality

Tone: professional
Energy: medium
Audience: Excel power users and enterprise clients

Crunched Brand in the Wild

Link to Asset

Link to Asset

Link to Asset

Link to Asset

Link to Asset

Link to Asset

Frequently Asked Questions

What is Crunched's primary brand color?
Crunched's primary brand color is #C9C2B6.

What accent color does Crunched use?
Crunched uses #FD6012 as an accent color.

What font does Crunched use?
Crunched uses Helvetica Neue as the primary typeface across body and headings.

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

Where can I find Crunched's logo?
Crunched's logo is available directly on their site (link).

How was this brand profile generated?
This profile was extracted from https://usecrunched.com/ using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Helvetica Neue",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#C9C2B6",
    "secondary": "#A7A198",
    "accent": "#FD6012",
    "background": "#1F1F1F",
    "textPrimary": "#1F1F1F",
    "link": "#FD6012"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Helvetica Neue",
      "heading": "Helvetica Neue"
    },
    "fontStacks": {
      "heading": [
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "24px",
      "h2": "48px",
      "body": "44.8px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FD6012",
      "textColor": "#FFFFFF",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "rgba(253, 96, 18, 0.08) 0px 2px 8px"
    },
    "buttonSecondary": {
      "background": "#353535",
      "textColor": "#FFFFFF",
      "borderColor": "#4C4C4C",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.usecrunched.com/Crunched_logo_new.png",
    "favicon": "https://www.usecrunched.com/favicon.ico",
    "ogImage": "https://usecrunched.com/preview.png",
    "logoHref": "/",
    "logoAlt": "Crunched Logo"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "Excel power users and enterprise clients"
  }
}