Brand guidelines · v0.1 · Sep 2026
devarayan.com brand
The identity system for devarayan.com — 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 “d” free on every side of the logo.
Colour
A deliberate palette: the primary carries the brand, the accent is for emphasis — use it sparingly.
#1D4E89RGB 29, 78, 137#122F52RGB 18, 47, 82#F2A541RGB 242, 165, 65#141F33RGB 20, 31, 51#EFF2F7RGB 239, 242, 247Typography
Three faces, each with one job. All are free to use from Google Fonts.
Display · Literata
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 · 56pxLearn it properly.H2 · 36pxLearn it properly.H3 · 24pxLearn it properly.Body · 17pxLearn it properly.Caption · 13pxLearn it properly.Logo usage
A few rules keep the brand recognisable everywhere it appears.
Stationery
Business cards, letterhead and email signature.
hello@devarayan.com
www.devarayan.com
Founding Team
devarayan.com
hello@devarayan.com · www.devarayan.com
www.devarayan.com
Explorations
Alternative wordmark directions considered for devarayan.com. Each downloads as SVG.
Social
Profile picture, cover image and the link preview that appears when the site is shared.