Clutch Brand Identity

A complete profile of Clutch's visual system — colors, typography, components, and personality — extracted from http://clutch.io. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from http://clutch.io.

• Primary: #000000
• Accent: #18181B
• Background: #F4F4F5
• Text Primary: #18181B
• Link: #000000

Typography

Each font links to its Google Fonts page where available.

• Primary: Geist (Geist Google Fonts →)
• Heading: Geist (Geist Google Fonts →)

Visual Assets

%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using Clutch's actual button styles.

Button Primary

• Background: #18181B
• Text Color: #FAFAFA
• Border Radius: 4px
• Shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: developers and tech-savvy users

Frequently Asked Questions

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

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

• What font does Clutch use?
  Clutch uses Geist as the primary typeface across body and headings.

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

• Where can I find Clutch's logo?
  Clutch's logo is available directly on their site (http://clutch.io).

• How was this brand profile generated?
  This profile was extracted from http://clutch.io 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 Clutch.