Wonder — Brand Guidelines

Brand is why they choose Wonder. Standards are how we earn it, every time.


COLORS
- Brand 1 (primary) #001928
- Brand 2 (secondary) #062d48
- Brand 3 (accent) #b22dc3
- Brand 4 (accent) #a1d047
- Brand 5 (accent) #ead3b8
- Brand 6 (accent) #a1f871
- Neutral 7 (neutral) #f3f3f3
- Neutral 8 (neutral) #d1d1d1
- Neutral 9 (neutral) #faf9f9


TYPOGRAPHY
- primary: Instrument Sans (regular)
- secondary: Radley (regular)
- tertiary: Poppins (regular)


LOGO USAGE
- DO: Give the logo generous clear space on every side.
- DO: Use the full-color logo on light, uncluttered backgrounds.
- DO: Use the reverse logo on dark backgrounds or photography.
- DO: Scale the logo proportionally and keep it legible at small sizes.
- DON'T: Don't stretch, squash or rotate the logo.
- DON'T: Don't recolor the logo outside the approved palette.
- DON'T: Don't add shadows, outlines or other effects.
- DON'T: Don't place the logo on busy imagery with low contrast.


VOICE & TONE
- Confident
- Warm
- Clear
- Curious
- Human
- Direct
- Optimistic
- Considered
- Playful
- Grounded
- Bold
- Generous
- Precise
- Inclusive
- Candid
- Energetic
- Thoughtful
- Unpretentious


Full guidelines: /wonder