Style Guide
On this page you can see examples of all the different style of text, buttons and colour themes.
You can add anything to this page and it wont be visible to the public - think of it as a sandbox to play with until you get comfortable adding and amending content.
Typography
Heading One Bold Italic
Heading Two Bold Italic
Heading Three Bold Italic
Heading Four Bold Italic
Paragraph 1 Bold Italic
Paragraph 2 Bold Italic
Paragraph 3 BoldItalic
MonospacePrimary Text Color
Light Background Color
Accent
Dark Background Color
Primary Background Color
Buttons
There are three button options, for variety. Often they are used as described right, but it’s personal preference which you want to use where.
Tertiary Button
Use for sub-sections.
Primary Button
Use for main sections.
Secondary Button
Use for standalone CTA’s.
Lightest 1 Theme
Creativity is the art of connecting the seemingly unconnected.
In design, we transform abstract concepts into tangible experiences that resonate with users. Through thoughtful iteration and bold experimentation, we craft solutions that are both functional and beautiful. This is a text link.
“Whatever it is, the way you tell your story online can make all the difference.”
“Whatever it is, the way you tell your story online can make all the difference.”
This is a text block with a background.
This is a text block with a background.
This is a text block with a background.
-
Description text goes here
-
Description text goes here
-
Description text goes here
Lightest 2 Theme
Creativity is the art of connecting the seemingly unconnected.
In design, we transform abstract concepts into tangible experiences that resonate with users. Through thoughtful iteration and bold experimentation, we craft solutions that are both functional and beautiful. This is a text link.
“Whatever it is, the way you tell your story online can make all the difference.”
“Whatever it is, the way you tell your story online can make all the difference.”
This is a text block with a background.
This is a text block with a background.
This is a text block with a background.
-
Description text goes here
-
Description text goes here
-
Description text goes here
Light 1 Theme
Creativity is the art of connecting the seemingly unconnected.
In design, we transform abstract concepts into tangible experiences that resonate with users. Through thoughtful iteration and bold experimentation, we craft solutions that are both functional and beautiful. This is a text link.
“Whatever it is, the way you tell your story online can make all the difference.”
“Whatever it is, the way you tell your story online can make all the difference.”
This is a text block with a background.
This is a text block with a background.
This is a text block with a background.
-
Description text goes here
-
Description text goes here
-
Description text goes here
Light 2 Theme
Creativity is the art of connecting the seemingly unconnected.
In design, we transform abstract concepts into tangible experiences that resonate with users. Through thoughtful iteration and bold experimentation, we craft solutions that are both functional and beautiful. This is a text link.
“Whatever it is, the way you tell your story online can make all the difference.”
“Whatever it is, the way you tell your story online can make all the difference.”
This is a text block with a background.
This is a text block with a background.
This is a text block with a background.
-
Description text goes here
-
Description text goes here
-
Description text goes here
Bright 1 Theme
Creativity is the art of connecting the seemingly unconnected.
In design, we transform abstract concepts into tangible experiences that resonate with users. Through thoughtful iteration and bold experimentation, we craft solutions that are both functional and beautiful. This is a text link.
“Whatever it is, the way you tell your story online can make all the difference.”
“Whatever it is, the way you tell your story online can make all the difference.”
This is a text block with a background.
This is a text block with a background.
This is a text block with a background.
-
Description text goes here
-
Description text goes here
-
Description text goes here
Bright 2 Theme
Creativity is the art of connecting the seemingly unconnected.
In design, we transform abstract concepts into tangible experiences that resonate with users. Through thoughtful iteration and bold experimentation, we craft solutions that are both functional and beautiful. This is a text link.
“Whatever it is, the way you tell your story online can make all the difference.”
“Whatever it is, the way you tell your story online can make all the difference.”
This is a text block with a background.
This is a text block with a background.
This is a text block with a background.
-
Description text goes here
-
Description text goes here
-
Description text goes here
Dark 1 Theme
Creativity is the art of connecting the seemingly unconnected.
In design, we transform abstract concepts into tangible experiences that resonate with users. Through thoughtful iteration and bold experimentation, we craft solutions that are both functional and beautiful. This is a text link.
“Whatever it is, the way you tell your story online can make all the difference.”
“Whatever it is, the way you tell your story online can make all the difference.”
This is a text block with a background.
This is a text block with a background.
This is a text block with a background.
-
Description text goes here
-
Description text goes here
-
Description text goes here
Dark 2 Theme
Creativity is the art of connecting the seemingly unconnected.
In design, we transform abstract concepts into tangible experiences that resonate with users. Through thoughtful iteration and bold experimentation, we craft solutions that are both functional and beautiful. This is a text link.
“Whatever it is, the way you tell your story online can make all the difference.”
“Whatever it is, the way you tell your story online can make all the difference.”
This is a text block with a background.
This is a text block with a background.
This is a text block with a background.
-
Description text goes here
-
Description text goes here
-
Description text goes here
Darkest 1 Theme
Creativity is the art of connecting the seemingly unconnected.
In design, we transform abstract concepts into tangible experiences that resonate with users. Through thoughtful iteration and bold experimentation, we craft solutions that are both functional and beautiful. This is a text link.
“Whatever it is, the way you tell your story online can make all the difference.”
“Whatever it is, the way you tell your story online can make all the difference.”
This is a text block with a background.
This is a text block with a background.
This is a text block with a background.
-
Description text goes here
-
Description text goes here
-
Description text goes here
Darkest 2 Theme
Creativity is the art of connecting the seemingly unconnected.
In design, we transform abstract concepts into tangible experiences that resonate with users. Through thoughtful iteration and bold experimentation, we craft solutions that are both functional and beautiful. This is a text link.
“Whatever it is, the way you tell your story online can make all the difference.”
“Whatever it is, the way you tell your story online can make all the difference.”
This is a text block with a background.
This is a text block with a background.
This is a text block with a background.
-
Description text goes here
-
Description text goes here
-
Description text goes here