The Boop
Brand Kit
A comprehensive guide to Boop's visual identity. Use these guidelines to maintain consistency across all touchpoints—from marketing materials to product interfaces.
2
Primary Colors
2
Typefaces
12+
UI Components
Brand Essence
Who we are
Our Mission
Turn event conversations into booked meetings in real-time. We believe the best connections happen in person—and they shouldn't be lost to follow-up delays.
Brand Personality
Voice Characteristics
- Direct and clear—no jargon
- Confident but not arrogant
- Helpful and solution-oriented
- Warm but professional
Core Values
- ●Speed matters—act now, not later
- ●Simplicity over complexity
- ●Results over features
- ●Human connection at scale
Logo
The Boop Wordmark
Our logo represents connection and clarity. The distinctive "double-O" design evokes watchful attentiveness—always ready to capture the moment.
Clear Space
Maintain minimum clear space around the logo equal to the height of the "o" letterforms. This ensures visibility and impact.
Minimum Size
Never use the logo smaller than these minimum sizes to ensure legibility.
Print: 12px height
Digital: 16px height
Logo Misuse
Don't stretch
Don't rotate
Don't add effects
Don't use low contrast
Color Palette
Colors
Our color palette balances professionalism with energy. Blue conveys trust and action; lime adds vibrance and optimism.
Primary Colors
Neutral — Dark
Neutral — Light
Text Colors
Semantic Colors
Accessibility
Ensure sufficient contrast when pairing colors. Boop Blue on white achieves a contrast ratio of 8.5:1, exceeding WCAG AAA requirements. Always test color combinations for accessibility compliance.
Typography
Type System
Two typefaces create hierarchy and personality. Cabinet Grotesk for headlines brings modern clarity; Switzer for body text ensures readability.
Cabinet Grotesk
Display / Headlines
Cabinet Grotesk is a geometric sans-serif typeface used for headlines and display text. Its bold, modern letterforms create a confident, memorable brand presence.
Hero — 56px
Turn conversations into meetings
Section — 40px
Why event leads fail
Card — 24px
Better ROI on events
Switzer
Body / UI
Switzer is a variable sans-serif with weights from 100-900. It provides excellent readability for body text and flexibility for UI elements.
Type Scale
56px40px32px24px18px16px14px13px11pxComponents
UI Components
A library of reusable components that maintain consistency across all Boop interfaces.
Buttons
Primary
Secondary
Sizes
Cards
Simple Card
Card Title
Simple card with title and description text.
Feature Card
Feature Title
Card with icon and feature description.
Stat Card
34%
Booking rate
Badges & Tags
Form Elements
Border Radius
Small
4px
Medium
8px
Large
12px
XL
16px
Full
9999px
Spacing
Spacing System
Consistent spacing creates rhythm and hierarchy. We use a base-4 scale for predictable, harmonious layouts.
14px28px312px416px520px624px832px1248px1664px2496px28112pxVoice & Tone
Writing Guidelines
How we communicate matters as much as what we say. These guidelines ensure consistent, effective messaging across all channels.
Writing Principles
Be direct
Get to the point quickly. Lead with value, not preamble.
Do
"Book meetings in real-time."
Don't
"Our innovative platform enables you to potentially schedule appointments."
Be specific
Use concrete numbers and examples over vague claims.
Do
"34% average booking rate"
Don't
"Significantly improved results"
Be human
Write like you speak. Avoid corporate jargon.
Do
"They forgot about you by day five."
Don't
"Lead decay accelerates post-event engagement metrics."
Be confident
State benefits directly without hedging.
Do
"Stop losing leads."
Don't
"Potentially reduce lead loss."
Tone Spectrum
Signature Phrases
Download Assets
Get the complete brand kit including logos, fonts, and color specs.