# Keyplay Brand Identity

A complete profile of **Keyplay**'s visual system — colors, typography, components, and personality — extracted from [https://keyplay.io](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 →](https://fonts.google.com/specimen/Roboto))
- heading: Roboto (Roboto [Google Fonts →](https://fonts.google.com/specimen/Roboto))
- 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.