Brand
Logos, colors, and guidelines for using the Moda brand. Right-click the logo anywhere on the site to get back here.
Logos
PNG files have a transparent background. JPG files use a light or dark background to match the logo.
Colors
Core
Canvas and type. Marketing pages sit on White or Neutral 50 with Neutral 900 headings and Neutral 500 body copy.
Neutral 900
#171717
Neutral 600
#525252
Neutral 500
#737373
Neutral 200
#E5E5E5
Neutral 50
#FAFAFA
White
#FFFFFF
Accent
Orange marks what needs attention: labels, badges, and the cursor. Use it sparingly, never as a fill for body text.
Orange
#F54900
Orange 50
#FFF7ED
Secondary
Amber, blue, sky, and teal in the homepage pixel decoration. They sit behind the content, never as text or buttons.
Amber 200
#FEE685
Amber 400
#FFB900
Blue 300
#8EC5FF
Blue 400
#51A2FF
Sky 200
#B8E6FE
Sky 300
#74D4FF
Sky 400
#00BCFF
Teal 100
#CBFBF1
Teal 200
#96F7E4
Usage
- Use the black mark on light backgrounds and the white mark on dark backgrounds.
- Keep clear space around the mark of at least half its height.
- Use the supplied lockup artwork at its original proportions; never recreate the wordmark with live text.
- Don't recolor, distort, rotate, or add effects to the logo.
- Write the name as "Moda", never "MODA" or "moda".