← BoilerplateCode

Selected brand identity

Brand resources

Logos, practical templates and the guidance to use them consistently. Download individual files or take the complete kit.

Complete brand kit Logo pack Favicon pack Brand guide PDF

Logo variations

Preview treatment

Horizontal

Download SVG Download PNG

All treatments

color: SVG · PNG
black: SVG · PNG
white: SVG · PNG
primary: SVG · PNG
secondary: SVG · PNG
reverse color: SVG · PNG

Stacked

Download SVG Download PNG

All treatments

color: SVG · PNG
black: SVG · PNG
white: SVG · PNG
primary: SVG · PNG
secondary: SVG · PNG
reverse color: SVG · PNG

Wordmark

Download SVG Download PNG

All treatments

color: SVG · PNG
black: SVG · PNG
white: SVG · PNG
primary: SVG · PNG
secondary: SVG · PNG
reverse color: SVG · PNG

Symbol

Download SVG Download PNG

All treatments

color: SVG · PNG
black: SVG · PNG
white: SVG · PNG
primary: SVG · PNG
secondary: SVG · PNG
reverse color: SVG · PNG

Avatar

Download SVG Download PNG

All treatments

color: SVG · PNG
black: SVG · PNG
white: SVG · PNG
primary: SVG · PNG
secondary: SVG · PNG
reverse color: SVG · PNG

Guidelines and fonts

The guide covers clear space, minimum sizes, colours and the selected logo treatments. Supporting fonts are included with their original licences.

Read the PDF guide Read online

Headings

IBM Plex Mono

Aa Bb Cc 123

IBMPlexMono-Bold.ttf IBMPlexMono-Regular.ttf Font licence

Body text

Source Sans 3

Aa Bb Cc 123

SourceSans3-Italic[wght].ttf SourceSans3[wght].ttf Font licence

Print stationery

Business cards include a website QR for boilerplatecode.dev. The A4 letterhead has a blank writing area. Print PDFs include 3 mm bleed.

Business cards PDF A4 letterhead PDF Brochure PDF Website QR

BoilerplateCode Business Card Front — Business Card Front

BoilerplateCode Business Card Back — Business Card Back

BoilerplateCode Letterhead — Letterhead

BoilerplateCode Brochure Outside — Brochure Outside

BoilerplateCode Brochure Inside — Brochure Inside

Covers and digital

Open the email signature

BoilerplateCode Linkedin Banner — Linkedin Banner

BoilerplateCode Facebook Cover — Facebook Cover

BoilerplateCode Youtube Banner — Youtube Banner

BoilerplateCode Email Header — Email Header

BoilerplateCode Open Graph — Open Graph

Presentations

BoilerplateCode Presentation Cover — Presentation Cover

BoilerplateCode Presentation Section — Presentation Section

BoilerplateCode Virtual Background — Virtual Background

Patterns and motion

BoilerplateCode pattern 1 — Pattern 1

BoilerplateCode pattern 2 — Pattern 2

BoilerplateCode pattern 3 — Pattern 3

Animated identity

Logo introduction Logo loop Animated WebP

Website loading artwork

Open loader demo Loader SVG Loader CSS