Duckbill Brand & Marketing Style Guide
Canonical files live in brand/: tokens, assets, and this guide. Next.js chrome imports brand/tokens/duckbill.css and serves copies under apps/web/public/.
Duckbill is an intelligent mail application: approachable, organized, capable, and distinctly tied to the duck-billed platypus. The mascot carries an envelope; the broad bill and envelope fold connect the animal directly to mail.
Primary tagline: A smarter inbox.
Logo system
duckbill-logo-lockup.png— site logo: stacked mascot, stylized wordmark with baked-in ™, and A SMARTER INBOX. Header and homepage hero use this file. Do not add a typed ™ next to it.duckbill-logo-primary.png— earlier packaged lockup; keep on disk; do not use as site chrome.duckbill-icon.png— transparent mascot mark.duckbill-app-icon-light.png/duckbill-app-icon-dark.png— app icons.duckbill-glyph.png/duckbill-glyph-dark.png— compact envelope/duckbill glyph.duckbill-icon-*.png— favicon/PWA sizes.duckbill-social-avatar.pngandduckbill-social-card-1200x630.png— social assets.
Palette
Use the tokens. Do not copy hex values into application code.
| Name | Token | Primary use |
|---|---|---|
| Duckbill Navy | --duckbill-navy | Wordmark, headings, dark surfaces |
| Navy 2 | --duckbill-navy-2 | Secondary dark surfaces |
| Duckbill Teal | --duckbill-teal | Primary action and AI accent |
| Teal Dark | --duckbill-teal-dark | Hover/active |
| Sky | --duckbill-sky | Highlight / dark-mode accent |
| Platypus Brown | --duckbill-brown | Illustration |
| Slate | --duckbill-slate | Secondary text |
| Mist | --duckbill-mist | Light surfaces |
| Ink | --duckbill-ink | Body text / deepest background |
Typography
Use the artwork's wordmark as-is; do not recreate it with typed text.
- Display/brand: Nunito Sans 700–800
- UI/body: Inter 400–600
- Prefer sentence case
Usage rules
Maintain clear space around the full logo. Do not stretch, skew, arbitrarily recolor, add wordmark shadows, or turn the platypus bill into a duck beak. Do not regenerate isolated brand assets and treat them as canonical.