Brand guidelines · v0.1 · Sep 2026
olio.in brand
The identity system for olio.in — logo, colour, type and stationery, and how to use them together.
About the name. Olio signifies a mixture or medley, suggesting a blend of diverse flavors or experiences, appealing to contemporary culinary enthusiasts.
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 “o” free on every side of the logo.
Colour
A deliberate palette: the primary carries the brand, the accent is for emphasis — use it sparingly.
#9E2A2BRGB 158, 42, 43#6F1D1ERGB 111, 29, 30#E09F3ERGB 224, 159, 62#2A1414RGB 42, 20, 20#FBF6EFRGB 251, 246, 239Typography
Three faces, each with one job. All are free to use from Google Fonts.
Display · Fraunces
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 · 56pxA Blend of Flavors and CulturesH2 · 36pxA Blend of Flavors and CulturesH3 · 24pxA Blend of Flavors and CulturesBody · 17pxA Blend of Flavors and CulturesCaption · 13pxA Blend of Flavors and CulturesLogo usage
A few rules keep the brand recognisable everywhere it appears.
Stationery
Business cards, letterhead and email signature.
hello@olio.in
www.olio.in
Founding Team
olio.in
hello@olio.in · www.olio.in
www.olio.in
Explorations
Alternative wordmark directions considered for olio.in. Each downloads as SVG.
Social
Profile picture, cover image and the link preview that appears when the site is shared.