BurtAI Brand Kit

BurtAI Brand Kit

Design guidelines, colors, typography, and voice for the BurtAI brand.

Last updated March 2026
Color Palette

Brand Accents

Blue (Primary)
#3B82F6
Blue Dark
#2563EB
Blue Deeper
#1D4ED8
Blue Light
#DBEAFE
Blue Wash
#EFF6FF
Cyan (Accent)
#06B6D4
Cyan Light
#22D3EE
Cyan Wash
#ECFEFF
Cyan Tint
#CFFAFE

Gradients

Primary: linear-gradient(135deg, #3B82F6 0%, #06B6D4 100%)

Urgent: linear-gradient(135deg, #0EA5E9 0%, #06B6D4 50%, #14B8A6 100%)

Text

Primary
#1E293B
Secondary
#475569
Tertiary
#64748B
Muted
#94A3B8

Backgrounds & Borders

White
#FFFFFF
Slate 50
#F8FAFC
Slate 100
#F1F5F9
Border
#E2E8F0

Status Colors

Success
#10B981
Warning
#F59E0B
Error
#EF4444
Info
#3B82F6
Typography
Heading 1
Get care now. Not a bill.
Plus Jakarta Sans · 48px · 700 weight · 1.1 line-height
Heading 2
AI-powered medical care for personal injury
Plus Jakarta Sans · 36px · 600 weight · 1.2 line-height
Heading 3
How Burt works for clinics
Plus Jakarta Sans · 24px · 600 weight · 1.3 line-height
Body
Burt connects injured people with medical care, not paperwork. No surprise bills. No waiting rooms. Just a conversation with Burt, a quick match to a nearby clinic, and an appointment booked before you hang up.
Plus Jakarta Sans · 17px · 400 weight · 1.6 line-height
Small / Caption
Updated March 2026 · Bay Area, California
Plus Jakarta Sans · 14px · 400 weight · 1.4 line-height
Code / Monospace
burt.intake({ injury: "car_accident", location: "oakland" })
JetBrains Mono · 15px · 400 weight
Buttons

Primary (Blue): Standard actions — Learn More, See How It Works, Read More

Gradient CTA: High-priority actions — Get Care Now, Book Appointment, Start Intake

Secondary (Outline): Low-priority actions — Contact Us, View Details

Spacing & Radius

Use generous whitespace. Content should breathe. When in doubt, add more space, not less.

4px (xs)
8px (sm)
16px (md)
24px (lg)
32px (xl)
48px (2xl)
64px (3xl)
96px (4xl)

Border radius: 12px for cards and containers, 8px for buttons and inputs, 6px for small elements

Glass effect: backdrop-blur(12-24px) with rgba(255,255,255,0.7) background for overlay elements

Design Principles

Clean & Modern

Light backgrounds, subtle borders, glass effects. The interface should feel fresh and current without being trendy.

Space Is Content

Generous whitespace between sections. Let content breathe. Cramped layouts feel desperate. Spacious layouts feel confident.

Blue With Purpose

Blue is trust. Cyan is energy. The gradient connects them. Use the gradient for primary CTAs and hero elements. Solid blue for links and secondary actions.

Approachable Tech

We're AI, but we're not cold. Rounded corners, warm copy, and Burt's personality make complex technology feel simple and safe.

Voice & Tone

Warm. Clear. Helpful.

Burt talks like a knowledgeable friend, not a brochure. We explain complex medical and legal topics in plain language. We're never salesy, never clinical, never condescending.

Tagline: “Get care now. Not a bill.”

Do

  • “We’ll get you to a doctor today.”
  • “No upfront costs. Ever.”
  • “Here’s how it works, in 30 seconds.”
  • Short sentences. Active voice.
  • Address the reader directly.

Don’t

  • “Our proprietary AI-driven platform leverages...”
  • “Synergistic healthcare solutions”
  • “Click here to learn more about our offerings”
  • Jargon, buzzwords, filler.
  • Passive voice or corporate speak.
Burt — The Character

Species: Red panda

Look: Photorealistic CGI. Wears a teal polo shirt. Expressive, warm, approachable.

Voice: Adam (ElevenLabs). Dry, deadpan humor. Nate Bargatze energy — funny without trying to be funny.

Personality: Competent and calm. Takes the stress out of a stressful situation. Never panics. Never oversells. Just helps.

Think: GEICO Gecko meets a really good nurse. Mascot energy, real utility.

Social Media

Instagram: @hiburt_com

TikTok: @hiburt.com

Facebook: BurtAI

Website: hiburt.com

App: app.hiburt.com

Copied!