Style guide

Here are the styles and components used through the site. You can make global site changes when you change styles on this page.

Typography

The different text sizes used through the site

H1

This is a heading

H2

This is a heading

H3

This is a heading

H4

This is a heading

H5

This is a heading

large Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Medium Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

small Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lists

  • Heading line height is fixed
  • All buttons now have tooltips
  • Spell checker number issue fixed

Figure with caption

An Image With Caption

Rich text

Formatted rich text element used for long sections of text like Blogs

Building a Cohesive Brand Style Guide

A strong brand identity starts with consistency — from your logo and color palette to how your team communicates. A style guide isn’t just a document; it’s the visual DNA of your brand.

“Design is the silent ambassador of your brand.” — Paul Rand

Why a Style Guide Matters

Having a clear style guide ensures that your brand looks, feels, and sounds the same — no matter who’s creating the content. It helps teams collaborate smoothly, prevents design chaos, and keeps your audience’s experience consistent.

When you grow as an agency, your visual identity becomes your language. Without a style guide, every project risks speaking a different dialect.

Key Elements to Include

Here’s what every modern creative agency should include in its brand style guide:

  • Logo Usage: Rules for minimum size, spacing, and variations.
  • Color Palette: Primary and secondary colors with hex/RGB codes.
  • Typography: Font pairings and hierarchy for headings, body text, and captions.
  • Imagery Guidelines: Photography style, filters, and do’s/don’ts.
  • Voice & Tone: How your brand “talks” in copy and communication.
image caption

colors

The different colours used through the site

Buttons

The different types of buttons used through the site

spacers

Use spacers to add breathing room around elements

4 px

8 px

16 px

24 px

32 px

48 px

64 px

80 px

96 px

128 px

Text boxes

Boxes of different sizes to house text elements

400 px

500 px

600 px

700 px

800 px