Brand guidelines · v0.1 · Sep 2026
mangrove.co.in brand
The identity system for mangrove.co.in — logo, colour, type and stationery, and how to use them together.
Logo
The wordmark is the primary logo. Use the monogram where space is tight — app icons, avatars and favicons.
Clear space: keep at least the height of the “m” free on every side of the logo.
Colour
A deliberate palette: the primary carries the brand, the accent is for emphasis — use it sparingly.
#14507ARGB 20, 80, 122#0D3552RGB 13, 53, 82#F08A24RGB 240, 138, 36#102636RGB 16, 38, 54#F2F0E8RGB 242, 240, 232Typography
Three faces, each with one job. All are free to use from Google Fonts.
Display · Fraunces
Headlines and the wordmark
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?
Text · DM Sans
Body copy and interface
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?
Mono · IBM Plex Mono
Labels, data and code
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?
Type scale
H1 · 56pxGo somewhere good.H2 · 36pxGo somewhere good.H3 · 24pxGo somewhere good.Body · 17pxGo somewhere good.Caption · 13pxGo somewhere good.Logo usage
A few rules keep the brand recognisable everywhere it appears.
Stationery
Business cards, letterhead and email signature.
hello@mangrove.co.in
www.mangrove.co.in
Founding Team
mangrove.co.in
hello@mangrove.co.in · www.mangrove.co.in
www.mangrove.co.in
Explorations
Alternative wordmark directions considered for mangrove.co.in. Each downloads as SVG.
Social
Profile picture, cover image and the link preview that appears when the site is shared.