Logo
Primary lockup
Cartoon monkey mascot with studio headphones and mic, paired with the title Podcast Monkey. File: assets/img/podcast-monkey-mark.png
Use the full lockup in the header and hero. Keep clear space around the artwork; do not stretch or recolor the mascot.
Slogan
Site tagline
Record. Distribute. Simple.
Primary marketing line under the logo. Keep punctuation exactly as written; do not shorten on first use.
Typography
Google Fonts combo
Display / brand — Syne (600–800)
Podcast Monkey
Use for brand lockups, page titles, and section headlines. Keep tracking tight and weights bold.
Body / UI — Figtree (400–700)
Warm conversations, sharp edits, and episodes that stick. Figtree handles supporting copy, nav, buttons, and form labels.
family=Syne:wght@600;700;800 family=Figtree:wght@400;500;600;700
Color
Site palette
Atmosphere comes from soft teal and coral washes on a light studio backdrop — not a flat fill.
Emoji
Approved set
Prefer emoji as inline punctuation in episode titles and light UI labels. Do not decorate the hero with floating emoji stickers.
Components
Bootstrap building blocks
Buttons
Alerts
Badge & pill
Form controls
List group
- 🎙️ Cold open 00:42
- 💬 Guest story 18:10
- ✨ Credits & outro 02:05
Voice
Tone guidelines
- Conversational, confident, and a little playful — never corporate.
- Lead with the logo lockup on promotional surfaces; the slogan supports, it doesn’t replace the brand.
- Keep first-viewport copy short: logo, slogan, one sentence, one CTA group.