bRAND STYLE gUIDE

A brand is so much more than just a logo.

The brand style guide is a reference document with the unified, consistent brand look & feel and different use cases.

Check out the typical
elements of a brand style guide below.

Pathfind Girls walking

Logo variations or use cases

Same logo, different layouts - such as stacked, horizontal or inverted colour versions - to apply the logo in different formats.

Haven't got a logo?

Colour palette (HEX codes)

In the world of colour there are about 260 types of blue. So blue is not just blue. That is why colour codes exist - so we can be sure we are getting the colours exactly right.

Typography and fonts

Typography involves font style, appearance, and structure, which aims to elicit certain emotions and convey specific messages.

Iconography

Iconography is the use of symbols and visual elements to convey specific meanings. Icons are used to represent features, functionality and more.

Graphics

Graphics are visual languages, such as images and illustrations used to convey information or aesthetics. They enhance the visual appeal and communication of a design.

Photo Style

A photo style is a distinctive and consistent visual approach or aesthetic used to create a cohesive and recognisable look and feel in the images used throughout the website.

Section Dividers

A section divider is a visual or design element used to separate distinct content sections or segments on a webpage. It serves both a functional and aesthetic purpose, helping users navigate the page by visually breaking up the content into easily digestible parts.

Button Style

A button style refers to the visual design and appearance of interactive buttons on a website. Button styles include attributes like color, size, shape, typography, and animations, which collectively create a consistent and visually appealing look for buttons throughout the website.

Form Style

A form style on a website encompasses the visual design and layout of interactive forms. This includes elements like text fields, checkboxes, radio buttons, and submit buttons. Form styles address attributes such as spacing, typography and colours to create a cohesive and user-friendly form design.

Logo variations or use cases

Same logo, different layouts - such as stacked, horizontal or inverted colour versions - to apply the logo in different formats.

Colour palette (HEX codes)

In the world of colour there are about 260 types of blue. So blue is not just blue. That is why colour codes exist - so we can be sure we are getting the colours exactly right.

Typography and fonts

Typography involves font style, appearance, and structure, which aims to elicit certain emotions and convey specific messages.

Iconography

Iconography is the use of symbols and visual elements to convey specific meanings. Icons are used to represent features, functionality and more.

GRAPHICS

Graphics are visual languages, such as images and illustrations used to convey information or aesthetics. They enhance the visual appeal and communication of a design.

PHOTO STYLE

A photo style is a distinctive and consistent visual approach or aesthetic used to create a cohesive and recognisable look and feel in the images used throughout the website.

SECTION DIVIDERS

A section divider is a visual or design element used to separate distinct content sections or segments on a webpage. It serves both a functional and aesthetic purpose, helping users navigate the page by visually breaking up the content into easily digestible parts.

BUTTON STYLE

A button style refers to the visual design and appearance of interactive buttons on a website. Button styles include attributes like color, size, shape, typography, and animations, which collectively create a consistent and visually appealing look for buttons throughout the website.

FORM STYLE

A form style on a website encompasses the visual design and layout of interactive forms. This includes elements like text fields, checkboxes, radio buttons, and submit buttons. Form styles address attributes such as spacing, typography and colours to create a cohesive and user-friendly form design.