Keyplay Brand Identity

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

Color Palette

Brand palette extracted from https://keyplay.io.

• primary: #475569 (rgb(71, 85, 105))
• secondary: #E61957 (rgb(230, 25, 87))
• accent: #E61957 (rgb(230, 25, 87))
• background: #040820 (rgb(4, 8, 32))
• textPrimary: #040820 (rgb(4, 8, 32))
• link: #040820 (rgb(4, 8, 32))

Typography

Each font links to its Google Fonts page where available.

• primary: Roboto (Roboto Google Fonts →)
• heading: Roboto (Roboto Google Fonts →)
• Additional fonts: Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji

Visual Assets

Logo

Favicon

UI Components

Live previews rendered using Keyplay's actual button styles.

Button Primary

• background: #E61957
• textColor: #FFFFFF
• borderRadius: 9999px
• shadow: none

Button Secondary

• background: #040820
• textColor: #FFFFFF
• borderColor: #FFFFFF
• borderRadius: 9999px
• shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: modern GTM teams

Frequently Asked Questions

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

2. What accent color does Keyplay use?
   Keyplay uses #E61957 as an accent color, applied to interactive elements like links, buttons, and call-to-action emphasis.

3. What font does Keyplay use?
   Keyplay uses Roboto as the primary typeface across body and headings.

4. Does Keyplay use a light or dark theme?
   Keyplay's primary site uses a dark color scheme, with a background of #040820.

5. Where can I find Keyplay's logo?
   Keyplay's logo is available directly on their site (https://keyplay.io). The current logo URL is included in the machine-readable JSON profile linked above.

6. How was this brand profile generated?
   This profile was extracted from https://keyplay.io using the Firecrawl branding extraction API, inspecting the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Keyplay.