Brand system

Real logo integration with a clear visual identity

This page turns your logo into a usable design system so the website, social graphics, and future materials all feel consistent.

Mangrove Minds logo
Logo role

The logo sets the tone

Its circular badge shape, coastal palette, and tree-and-heron imagery communicate grounded growth, calm, and place-based learning. On the website, it works best in moments that establish trust: the header, the hero, and branded calls to action.

  • Use on light neutral backgrounds for the cleanest presentation
  • Maintain generous spacing around the badge
  • Avoid stretching, recoloring, or crowding it with other graphics
Color palette

Core brand colors

Forest
#2F4F3E
Sage
#728B77
Mist
#A8C2BF
Sand
#F4F1EA
Typography

Type pairing

Playfair Display for headings creates a refined, editorial tone that mirrors the wordmark feel in the logo.

Inter for body copy keeps the site modern, readable, and crisp across mobile and desktop.

Use serif for trust and softness. Use sans serif for clarity and ease.