lilchocolateshop.com

Brand guidelines · v0.1 · Sep 2026

lilchocolateshop.com brand

The identity system for lilchocolateshop.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#9E2A2BRGB 158, 42, 43
DeepHeaders and dark grounds#6F1D1ERGB 111, 29, 30
AccentHighlights and emphasis#E09F3ERGB 224, 159, 62
InkBody text#2A1414RGB 42, 20, 20
GroundPage background#FBF6EFRGB 251, 246, 239
03

Typography

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

Aa

Display · Fraunces

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 · 56pxHonest food, from the source.
H2 · 36pxHonest food, from the source.
H3 · 24pxHonest food, from the source.
Body · 17pxHonest food, from the source.
Caption · 13pxHonest food, from the source.
04

Logo usage

A few rules keep the brand recognisable everywhere it appears.

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

Stationery

Business cards, letterhead and email signature.

l
lilchocolateshop.com
lilchocolateshop.com
Founding Team
hello@lilchocolateshop.com
www.lilchocolateshop.com
—
Founding Team
lilchocolateshop.com
hello@lilchocolateshop.com · www.lilchocolateshop.com
lilchocolateshop.com hello@lilchocolateshop.com
www.lilchocolateshop.com
lilchocolateshop.com
06

Social

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

Link preview image for lilchocolateshop.com
07

Explorations

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

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