do.md

Brand guidelines · v0.1 · Sep 2026

do.md brand

The identity system for do.md — 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.

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

Stationery

Business cards, letterhead and email signature.

d
do.md
do.md
Founding Team
hello@do.md
www.do.md
—
Founding Team
do.md
hello@do.md · www.do.md
do.md hello@do.md
www.do.md
do.md
06

Social

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

Link preview image for do.md
07

Explorations

Alternative wordmark directions considered for do.md. Each downloads as SVG.

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