Brand Kit

Meeth.AI Brand Assets

Logos, colors, and typography guidelines for using the Meeth.AI brand. Click any color swatch to copy its hex. Download logos as SVG or PNG.

Logo

Use the full logo wherever possible. The icon mark is only for small spaces (favicon, avatar, app icon). Always maintain clear space equal to the “M” height on all sides.

Full logo — dark

Use on white or light backgrounds

↓ SVG ↓ PNG

Full logo — white

Use on dark or colored backgrounds

↓ SVG ↓ PNG

Icon mark

Favicon, app icon, social avatar, small spaces

↓ SVG ↓ PNG

Logo don'ts

✕Change the green to any other color
✕Separate the icon mark from the wordmark (icon-only is the only exception)
✕Place the dark logo on dark backgrounds — use the white variant
✕Stretch, rotate, or add drop shadows
✕Recreate the logo in a different font
✕Use the logo smaller than 120px wide (or 24px for icon-only)

Colors

Click any swatch to copy its hex value to clipboard.

Primary

Accent

Neutrals

CSS custom properties

:root {
  /* Primary */
  --meeth-green:        #108043;
  --meeth-green-light:  #e3f5ec;
  --meeth-green-dark:   #34d079;   /* dark backgrounds */
  --meeth-navy:         #1a1a2e;
  --meeth-white:        #ffffff;

  /* Accents */
  --meeth-orange:       #e86c25;
  --meeth-blue:         #2563eb;

  /* Neutrals */
  --meeth-gray-50:      #f9fafb;
  --meeth-gray-100:     #f3f4f6;
  --meeth-gray-200:     #e5e7eb;
  --meeth-gray-400:     #9ca3af;
  --meeth-gray-500:     #6b7280;
  --meeth-gray-600:     #4b5563;
  --meeth-gray-700:     #374151;
  --meeth-gray-900:     #111827;

  /* Typography */
  --meeth-font:         "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --meeth-font-mono:    "Geist Mono", ui-monospace, monospace;
}

Typography

Inter for all UI copy. Fraunces for display headlines and brand moments (landing page, blog, CTAs).

Display

64px / 900

Hero headlines only

Something's cooking.

48px / 800

Page titles

Request a demo.

36px / 700

Section headers

Who this is for

24px / 700

Card titles

What a pilot looks like

Body Large

18px / 400

Lead paragraphs

Independent restaurants run smoother.

Body

16px / 400

Standard copy

The AI answers every phone call, takes orders, handles questions.

Label

12px / 600

Tags, overlines — UPPERCASE

NOW OPEN · 2026

Brand Voice

“The restaurant's most reliable team member — just happens to be AI.”

Confident

Clean typography, generous whitespace, no clutter. Say what you mean, once.

Warm

Green + orange palette, human photography, approachable copy. Not cold tech.

Precise

Tight letter-spacing, exact color system. Details matter.

Accessible

High contrast, readable at all sizes, inclusive language. WCAG AA minimum.

✓ On-brand

→Dark navy card + white text + green CTA
→Clean white page, navy headline, green underline accent
→White logo on deep navy background
→Green dot pulsing as 'AI is listening' indicator
→Orange badge for urgency — decorative only

✕ Off-brand

→Orange body text (fails contrast + looks alarming)
→Rounded, bubbly fonts (wrong personality)
→Gradient backgrounds (except navy gradient in icon)
→All-caps body paragraphs
→Multiple competing accent colors on one screen

Questions?

Need something not here?

Custom lockups, co-branded assets, or press inquiries — reach out.

hello@meeth.ai