Style Guide

Colour Palette

Primary
Secondary
Tertiary
White
Grey - Light
Grey - Semi
Grey
Grey - Dark
Black

Typography

H1

Creating experiences that work, for the people who matter.

H2

Creating experiences that work, for the people who matter.

H3

Creating experiences that work, for the people who matter.

H4

Creating experiences that work, for the people who matter.

H5
Creating experiences that work, for the people who matter.
H6
Creating experiences that work, for the people who matter.
Blockquote

Creating experiences that work, for the people who matter.

Body

At The Loft you can work how you want, where you want, from our focus booths to communal seating. You can have a private office, become a Resident member and have your own allocated sit/ stand desk or join our co-working community.

Small body

Every member can access all of our shared spaces or book one of our private meeting rooms.

Bullets
  • Bullet point one when the text is long enough to sit over more than one line
  • Bullet point two
    • Indented bullet point one
    • Indented bullet point two
  • Bullet point three
  • Bullet point four
Numbered list
  1. List item one
  2. List item two
  3. List item three
Example
DESIGN NEWS

Creating experiences that work, for the people who matter.

A design approach is a general philosophy that may or may not include a guide for specific methods. Some are to guide the overall goal of the design. Other approaches are to guide the tendencies of the designer. A combination of approaches may be used if they don't conflict.

Read full article...

UI Elements

Horizontal rule

Checkbox
Forms
This is an error message.
Example

Form used on the contact us page.

"*" indicates required fields

This field is for validation purposes and should be left unchanged.
Play Now