Keycard Brand Identity

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

Color Palette

Brand palette extracted from https://www.keycard.ai/.

• Primary: #BDE56C
  • rgb(189, 229, 108)
• Secondary: #27180D
  • rgb(39, 24, 13)
• Accent: #BDE56C
  • rgb(189, 229, 108)
• Background: #02090F
  • rgb(2, 9, 15)
• Text Primary: #02090F
  • rgb(2, 9, 15)
• Link: #3B1219
  • rgb(59, 18, 25)

Typography

Each font links to its Google Fonts page where available.

• Primary: Geist
  • Geist Google Fonts →
• Heading: PP Mori
  • PP Mori Google Fonts →
  • PP Mori, system-ui, sans-serif

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Keycard's actual button styles.

• Input

  • background: transparent
  • textColor: #FFFFFF
  • borderColor: null
  • borderRadius: 0px
  • shadow: none

• Button Primary

  • background: #101618
  • textColor: #090C0F
  • borderRadius: 6px
  • shadow: none

• Button Secondary

  • background: #EDEEF0
  • textColor: #06080F
  • borderRadius: 6px
  • shadow: none

Brand Personality

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

Frequently Asked Questions

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

• What font does Keycard use?
  Keycard uses Geist for body text and PP Mori for headings. Fonts were detected on https://www.keycard.ai/ as part of their live design system.

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

• Where can I find Keycard's logo?
  Keycard's logo is available directly on their site (https://www.keycard.ai/). 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://www.keycard.ai/ 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 Keycard.