Brand Guidelines

The DPDzero Brand Kit

Everything you need to use the DPDzero brand correctly: logos, icons, colours, typography and ready-to-use assets. Download the files from this page instead of recreating them.

Logo Icon Usage rules Colours Typography Assets

Logo

Our Logo

Use the Indigo + black logo on white or light backgrounds, and the white logo on dark or coloured backgrounds. Don’t stretch, recolour or add effects. Every version comes as SVG (web, print) and PNG with a transparent background (slides, docs).

Primary — Purple + Black

White or light backgrounds. The default.

SVG ↓PNG ↓

Primary Logo on Dark Navy

Deep Indigo-950 and dark brand backgrounds.

SVG ↓PNG ↓

White on Purple Background

DPD Indigo, black or photography.

SVG ↓PNG ↓

Black Logo on White

One-colour jobs: print, stamps, documents.

SVG ↓PNG ↓

Icon

Icon Variations

The D mark stands alone where the full logo won’t fit: profile pictures, app tiles and browser tabs. Keep it white on Indigo by default; use the other tiles only to match the background.

Indigo (default)

Avatars, app icon, favicon

SVG ↓PNG ↓

On black

Dark interfaces

SVG ↓PNG ↓

On Linen

Light, quiet surfaces

SVG ↓PNG ↓

On Indigo-950

Dark brand sections

SVG ↓PNG ↓

Favicon

White D on Indigo, supplied at 32px and 256px. Check it in light and dark browser tabs.

Favicon 32px ↓Favicon 256px ↓SVG ↓

Usage Rules

Basic usage rules

A few simple rules keep the logo recognisable everywhere it appears.

Do

Use the Indigo + black logo on white or light backgrounds

Use the white logo on Indigo, black or dark backgrounds

Keep clear space equal to the cap height on every side

Use the SVG or PNG files from this page

Don’t

Recolour or alter the logo

Stretch or distort its proportions

Add shadows, outlines or effects

Place it on busy or low-contrast backgrounds

Colours

Colour Palette

DPD Indigo is our primary colour. Pink Carnation, Bright Ocean, Mint Leaf and Vibrant Coral are our secondary colours: use them with intent, never all at once. Soft Linen is the neutral that holds the page together. Use light steps (50–100) for backgrounds and dark steps (600–950) for text on light.

Click any swatch to copy its hex.

Primary Colour

DPD Indigo

Key 600 · #5436F5

Primary · brand, actions, links

#ECEFFF

100

#DDE2FF

200

#C1C9FF

300

#9CA4FF

400

#7675FF

500

#6355FF

✦ 600

#5436F5

700

#4929D9

800

#3B24AF

900

#332689

950

#201650

Secondary Colours

Pink Carnation

Key 500 · #F63EA3

Highlight · engagement, emphasis

#FEF1F9

100

#FDE6F4

200

#FECCEB

300

#FEA3D9

400

#FC7EC7

✦ 500

#F63EA3

600

#E51D81

700

#C80E65

800

#A50F53

900

#891249

950

#540328

Bright Ocean

Key 400 · #38B8F8

Info · data, charts

#F0F9FF

100

#E0F1FE

200

#BAE4FD

300

#7DD0FC

✦ 400

#38B8F8

500

#0E9FE9

600

#027FC7

700

#0365A1

800

#075685

900

#0C476E

950

#082D49

Mint Leaf

Key 500 · #15C89E

Success · outcomes, recovery

#ECFDF7

100

#D2F9E9

200

#A8F2D7

300

#70E5C2

400

#37D0A7

✦ 500

#15C89E

600

#089375

700

#067661

800

#085D4D

900

#074D41

950

#032B26

Vibrant Coral

Key 400 · #FF6A6A

Alert · risk, overdue

#FFF1F1

100

#FFE1E1

200

#FFC7C7

300

#FFA0A0

✦ 400

#FF6A6A

500

#F83B3B

600

#E61C1C

700

#C11414

800

#A01414

900

#841818

950

#480707

Neutral Colours

Soft Linen

Key 100 · #F0F0EE

Neutral · canvas, surfaces, text

#F8F8F7

✦ 100

#F0F0EE

200

#DEDED9

300

#C1C0B8

400

#84837D

500

#6A6962

600

#54534D

700

#454540

800

#393936

900

#32322F

950

#32322F

White

#FFFFFF

Black

#000000

Fonts

Typography

We use two typefaces from the STK Bureau family: a serif for headlines and a sans for everything else. Where STK fonts can’t be installed (Google Docs, email, some slide tools), use the free fallback fonts below.

Display & headings

STK Bureau Serif

Hero text, page titles and section headings.

BookRegular

Fallback · Georgia, PT Serif

Better recovery starts with better decisions.

font-family: "STK Bureau Serif", Georgia, "PT Serif", serif;

Get PT Serif on Google Fonts ↗

Body & UI

STK Bureau Sans

Paragraphs, labels, buttons, numbers and product UI.

LightBookRegularSemiBold