Cron Brand Identity

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

Color Palette

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

• primary
  • #FF4700
  • rgb(255, 71, 0)
• secondary
  • #392B0F
  • rgb(57, 43, 15)
• accent
  • #FFAA00
  • rgb(255, 170, 0)
• background
  • #161412
  • rgb(22, 20, 18)
• textPrimary
  • #161412
  • rgb(22, 20, 18)
• link
  • #FFAA00
  • rgb(255, 170, 0)

Typography

Each font links to its Google Fonts page where available.

• primary
  • Helvetica Neue
  • Google Fonts →
• heading
  • Helvetica Neue
  • Google Fonts →
  • Helvetica Neue, Helvetica, Arial, sans-serif

Visual Assets

UI Components

Live previews rendered using Cron's actual button styles.

• Button Primary: background#161412, textColor#FFFFFF, borderRadius4px, shadowrgba(255, 71, 0, 0.5) 0px 0px 0px 0.5px inset, rgba(255, 72, 0, 0.2) 0px 0px 28px 0px

Brand Personality

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

Frequently Asked Questions

• What is Cron's primary brand color? Cron's primary brand color is #FF4700. It anchors the visual identity across their website, product UI, and marketing materials.
• What accent color does Cron use? Cron uses #FFAA00 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
• What font does Cron use? Cron uses Helvetica Neue as the primary typeface across body and headings.
• Does Cron use a light or dark theme? Cron's primary site uses a dark color scheme, with a background of #161412.
• Where can I find Cron's logo? Cron's logo is available directly on their site (https://cron.com). The current logo URL is included in the machine-readable JSON profile linked above.

Methodology

Brand data on this page was extracted from https://cron.com 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

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Helvetica Neue",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#FF4700",
    "secondary": "#392B0F",
    "accent": "#FFAA00",
    "background": "#161412",
    "textPrimary": "#161412",
    "link": "#FFAA00"
  },
  "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": "140px",
      "h2": "140px",
      "body": "22px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "3px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#161412",
      "textColor": "#FFFFFF",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "rgba(255, 71, 0, 0.5) 0px 0px 0px 0.5px inset, rgba(255, 72, 0, 0.2) 0px 0px 28px 0px"
    }
  },
  "images": {
    "logo": "https://www.cron.com/images/brand/cron-logotype-s.png",
    "logoHref": "/",
    "logoAlt": "Cron logo"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy professionals"
  },
  "confidence": {
    "colors": 0.9,
    "overall": 0.9
  }
}