islsl.com

Brand guidelines · v0.1 · Sep 2026

islsl.com brand

The identity system for islsl.com — 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#35424ERGB 53, 66, 78
DeepHeaders and dark grounds#232D36RGB 35, 45, 54
AccentHighlights and emphasis#E07A5FRGB 224, 122, 95
InkBody text#1B232BRGB 27, 35, 43
GroundPage background#F1F3F5RGB 241, 243, 245
03

Typography

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

Aa

Display · Manrope

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 · 56pxWork that fits.
H2 · 36pxWork that fits.
H3 · 24pxWork that fits.
Body · 17pxWork that fits.
Caption · 13pxWork that fits.
04

Logo usage

A few rules keep the brand recognisable everywhere it appears.

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

Stationery

Business cards, letterhead and email signature.

i
islsl.com
islsl.com
Founding Team
hello@islsl.com
www.islsl.com
—
Founding Team
islsl.com
hello@islsl.com · www.islsl.com
islsl.com hello@islsl.com
www.islsl.com
islsl.com
06

Social

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

Link preview image for islsl.com
07

Explorations

Alternative wordmark directions considered for islsl.com. Each downloads as SVG.

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