Brand Options

Pick a favicon and logo direction — mix and match freely.

Favicon Options

Shown at actual tab size (16px), medium (64px), and large (96px). The tab mockup shows exactly what you'd see in Chrome.

A — Double Note
♫ on navy. Clean, classic music symbol.
The Melody…
B — EQ Bars
Equalizer / soundwave bars on periwinkle gradient.
The Melody…
C — Single Note
Eighth note on baby-blue gradient. Matches the new light hero.
The Melody…
D — Sound Rings
Concentric circles / sonar pulse. Modern & abstract.
The Melody…
E — Treble Clef
𝄞 on navy gradient. Most recognisably "music".
The Melody…

Nav Logo Options

Option 1 — Icon + Wordmark
The Melody Project

Small navy icon-box with the double note, clean Manrope wordmark. Professional but musical.

Option 2 — Staff + Name (Inline)
The Melody Project

Musical staff lines + a note directly integrated, with the name flowing right. The note sits in the staff like sheet music.

Option 3 — Two Generations
The Melody Project

Two beamed notes — one lighter blue (students), one deeper navy (seniors). Connected by a beam. Subtle metaphor for the mission.

Option 4 — Wave Wordmark
The Melody Project

A sound wave that resolves into a note, followed by the wordmark. Feels dynamic and youth-forward.

Option 5 — Treble Circle
𝄞 The Melody Project

Treble clef in a navy circle — classic and instantly recognisable as music. Simple, timeless.

Option 6 — Note Accent on Text
The Melody Project

Clean wordmark with a single periwinkle note sitting on a subtle staff underline below "Melody". Very refined.

How it looks in context

A mockup of the nav bar with each logo style.

♫
The Melody Project
About Press Contact
↑ Icon-box + wordmark style
𝄞 The Melody Project
About Press Contact
↑ Treble clef circle + wordmark style
The Melody Project
About Press Contact
↑ Two beamed notes (two generations) + wordmark style