Brand guidelines · v0.1 · Sep 2026
metamorph.in brand
The identity system for metamorph.in — logo, colour, type and stationery, and how to use them together.
About the name. The term indicates transformation and evolution, suggesting significant change and improvement.
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.
#1F6FEBRGB 31, 111, 235#0F4BB0RGB 15, 75, 176#3FB950RGB 63, 185, 80#0D1117RGB 13, 17, 23#F4F6F8RGB 244, 246, 248Typography
Three faces, each with one job. All are free to use from Google Fonts.
Display · Space Grotesk
Headlines and the wordmark
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?
Text · Inter
Body copy and interface
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?
Mono · IBM Plex Mono
Labels, data and code
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?
Type scale
H1 · 56pxEmbrace the ChangeH2 · 36pxEmbrace the ChangeH3 · 24pxEmbrace the ChangeBody · 17pxEmbrace the ChangeCaption · 13pxEmbrace the ChangeLogo usage
A few rules keep the brand recognisable everywhere it appears.
Stationery
Business cards, letterhead and email signature.
hello@metamorph.in
www.metamorph.in
Founding Team
metamorph.in
hello@metamorph.in · www.metamorph.in
www.metamorph.in
Explorations
Alternative wordmark directions considered for metamorph.in. Each downloads as SVG.
Social
Profile picture, cover image and the link preview that appears when the site is shared.