IS MY BILL HIGH? — BRAND GUIDELINES

Last updated: February 2026

========================================
1. BRAND NAME
========================================

Full name: Is My Bill High?
- Always include the question mark
- Capitalize each word
- Acceptable short form: IMBH (internal use only, not for public-facing content)

========================================
2. LOGO
========================================

The logo consists of a percentile dial icon and the wordmark "Is My Bill High?" set in Outfit Bold.

The dial uses four colored segments representing the percentile scale:
- Green (#10B981) — Low range
- Blue (#3B82F6) — Below average
- Amber (#F59E0B) — Above average
- Red (#EF4444) — High range

Logo files available at: ismybillhigh.com/logo.svg

Usage rules:
- Maintain clear space equal to the height of the dial on all sides
- Do not stretch, rotate, or alter the logo
- Do not place on busy backgrounds without sufficient contrast
- Minimum width: 120px digital, 30mm print

========================================
3. COLOR PALETTE
========================================

Primary — Deep Azure
  #2563EB (primary actions, links, header)
  Light: #DBEAFE / Dark: #1E40AF

Secondary — Emerald
  #10B981 (success states, positive indicators)
  Light: #ECFDF5 / Dark: #047857

Accent — Amber
  #F59E0B (highlights, badges, call-to-action buttons)
  Light: #FFFBEB / Dark: #B45309

Danger — Red
  #EF4444 (alerts, high percentiles)
  Light: #FEE2E2 / Dark: #B91C1C

Crimson — Editorial Red
  #C0392B (Wall of Shame branding only)

Neutrals:
  Gray 900: #111827 (headings)
  Gray 700: #374151 (body text)
  Gray 500: #6B7280 (secondary text)
  Gray 100: #F3F4F6 (backgrounds)
  White: #FFFFFF

========================================
4. TYPOGRAPHY
========================================

Headings: Outfit (Bold, 700)
Body: System font stack (-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif)

Do not use decorative or script fonts in any Is My Bill High? materials.

========================================
5. TONE OF VOICE
========================================

- Empowering, not preachy
- Data-driven, not opinionated
- Direct and clear, not corporate
- Encouraging, not guilt-tripping

We help people understand their bills. We don't tell people what to do.

========================================
6. PHOTOGRAPHY & IMAGERY
========================================

- Use custom SVG icons (not emoji) for bill categories and UI elements
- Category icons: electricity, gas, broadband, mobile, car insurance, home insurance, health insurance
- Avoid stock photography of sad people looking at bills
- Illustrations should feel optimistic and action-oriented

========================================
7. CONTACT
========================================

Press inquiries: press@ismybillhigh.com
Website: https://ismybillhigh.com