planner.co.in

Brand guidelines · v0.1 · Sep 2026

planner.co.in brand

The identity system for planner.co.in — logo, colour, type and stationery, and how to use them together.

02

Colour

A deliberate palette: the primary carries the brand, the accent is for emphasis — use it sparingly.

PrimaryButtons, links and key moments#1F6FEBRGB 31, 111, 235
DeepHeaders and dark grounds#0F4BB0RGB 15, 75, 176
AccentHighlights and emphasis#3FB950RGB 63, 185, 80
InkBody text#0D1117RGB 13, 17, 23
GroundPage background#F4F6F8RGB 244, 246, 248
03

Typography

Three faces, each with one job. All are free to use from Google Fonts.

Aa

Display · Space Grotesk

Headlines and the wordmark

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?

Aa

Text · Inter

Body copy and interface

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?

Aa

Mono · IBM Plex Mono

Labels, data and code

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?

Type scale

H1 · 56pxSoftware that gets out of the way.
H2 · 36pxSoftware that gets out of the way.
H3 · 24pxSoftware that gets out of the way.
Body · 17pxSoftware that gets out of the way.
Caption · 13pxSoftware that gets out of the way.
04

Logo usage

A few rules keep the brand recognisable everywhere it appears.

planner.co.in
✓ Do — On light grounds, with clear space
planner.co.in
✓ Do — Reversed on the deep brand colour
planner.co.in
✗ Don't — Don't stretch or squash it
planner.co.in
✗ Don't — Don't recolour it
planner.co.in
✗ Don't — Don't place it on busy backgrounds
planner.co.in
✗ Don't — Don't add effects or outlines
05

Stationery

Business cards, letterhead and email signature.

p
planner.co.in
planner.co.in
Founding Team
hello@planner.co.in
www.planner.co.in
—
Founding Team
planner.co.in
hello@planner.co.in · www.planner.co.in
planner.co.in hello@planner.co.in
www.planner.co.in
planner.co.in
06

Social

Profile picture, cover image and the link preview that appears when the site is shared.

Link preview image for planner.co.in
07

Explorations

Alternative wordmark directions considered for planner.co.in. Each downloads as SVG.

planner.co.in
01 · Serif authority
planner.co.in
02 · Geometric sans
planner.co.in
03 · Monospace
planner.co.in
04 · Grotesk
planner.co.in
05 · High contrast
planner.co.in
06 · Condensed
planner.co.in
07 · Soft geometric
planner.co.in
08 · Rounded
planner.co.in
09 · Reverse