The Melody of San Francisco
Brand Kit
Typography
Subheadings
Cardo - 400 weight (normal) - 32pt
Captions / Subtitles
Inter - 400 weight (normal) - 14pt - Grey #666
The Melody Logo
Primary Logo
To be used in all applications not requiring a reduced logo version. Don't display under 80px wide.
SVG version (vector)
Shown at 300px - 150px - 80px (minimum)
PNG versions
PNG Version, 1080px, no background
PNG Version, 1080px, white background.
For display on varied backgrounds
For display on varied backgrounds
Secondary Logo
To be used in all applications where a smaller or more horizontal logo is required.
SVG version (vector)
Shown at 300px - 150px - 80px (minimum)
PNG versions
PNG Version, 2160px, no background
PNG Version, 2160px, white background.
For display on varied backgrounds
For display on varied backgrounds
Additional Logo Assets
For specific use cases not covered above
Favicon
32x32px
Webclip
256x256px, do not display larger than this. Use a full-res logo.
Brand Colors
Melody Seashell
Seashell
#fdf5ef
#fdf5ef
Melody Tan
Melody Tan
#ece3db
#ece3db
Melody Ruby
Melody Cream
#fcf3ed
#fcf3ed
Melody Mauve
Melody Mauve
#a98990
#a98990
Melody Dark Brown
Melody Mauve
#a98990
#a98990
Antique White
Antique White
#f7ebd9
#f7ebd9
Text-Primary
Melody Dark Brown
Custom Illustration Library
Existing, exported assets in .PNG format
Drive Link to Custom Illustrations Folder
Direct link to Figma file for custom export / native vector versions of illustrations:
Figma File for Custom Illustrations
