Kick Brand Identity

A complete profile of Kick's visual system — colors, typography, components, and personality — extracted from https://www.kick.co/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.kick.co/.

• primary: #515D71
  • rgb(81, 93, 113)
• secondary: #2E3849
  • rgb(46, 56, 73)
• accent: #0F1826
  • rgb(15, 24, 38)
• background: #FFFFFF
  • rgb(255, 255, 255)
• textPrimary: #0F1826
  • rgb(15, 24, 38)
• link: #0F1826
  • rgb(15, 24, 38)

Typography

Each font links to its Google Fonts page where available.

• primary: Inter
  • Inter Google Fonts →
• heading: Inter Tight
  • Inter Tight Google Fonts →

Visual Assets

UI Components

Live previews rendered using Kick's actual button styles.

Button Primary

• background: #FFFFFF
• textColor: #0F1826
• borderColor: #D4D9DE
• borderRadius: 8px
• shadow: none

Button Secondary

• background: #0F1826
• textColor: #FFFFFF
• borderColor: #0F1826
• borderRadius: 8px
• shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: business owners and accountants

Frequently Asked Questions

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

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

• What font does Kick use? Kick uses Inter for body text and Inter Tight for headings. Fonts were detected on https://www.kick.co/ as part of their live design system.

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

• Where can I find Kick's logo? Kick's logo is available directly on their site (https://www.kick.co/). The current logo URL is included in the machine-readable JSON profile linked above.

Methodology

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