Skip to content

Style Guide

A consistent style guide is an important and absolutely essential tool for ensuring your brand identity. A brand style guide (which is often also referred to as a brand book or brand guide) will be your key document that assists designers and developers portray a consistent message to your target market.

Colour Palette

Primary

#0052cc

Secondary

#6a11cb

Feature

#f4b701

Primary (Hover)

#505f79

Dark

#253858

Light

#f4f7f9

Typography

Karla - Google Font

H1 HEADING: Style: normal; Weight: 700; Size: 60px; Line Height: 1.6; Color #444444; Family: Karla, sans-serif;
BODY  TEXT: Style: normal; Weight: 400; Size: 24px; Line Height: 1.4; Color #444444; Family: Karla, sans-serif;

http://fonts.google.com/ - The open source fonts in the Google Fonts catalog are published under licenses that allow you to use them on any website, whether it’s commercial or personal.  Search queries may surface results from external foundries, who may or may not use open source licenses.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consequat nisl vel pretium lectus quam id leo in. Felis bibendum ut tristique et. At lectus urna duis convallis convallis tellus. Augue neque gravida in fermentum. Morbi tincidunt ornare massa eget egestas purus. Vitae tempus quam pellentesque nec nam aliquam sem et tortor. Non nisi est sit amet facilisis magna etiam tempor orci.

Rhoncus dolor purus non enim praesent. Sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus. Vitae justo eget magna fermentum iaculis. Natoque penatibus et magnis dis. Dui nunc mattis enim ut tellus elementum sagittis vitae. Id venenatis a condimentum vitae sapien pellentesque.

Header 1

Header 2

Header 3

HEADER 4

HEADER 5

HEADER 6

Buttons

Button Properties

Round corners: 3px; Padding 20px; Font Style: Sentence Case; Colour Primary; Font colour Light;

Button

Button Properties

Round corners: 3px; Padding 20px; Font Style: Sentence Case; Colour Feature; Font colour Dark;

Button

Button Properties

Round corners: 3px; Padding 20px; Font Style: Sentence Case; Colour Light; Font colour Primary;

Button

Header

Get Started

Footer

Hero Banner

Title goes here

This is the description.

Background image should be realistic - not concept photography. Background overlay is gradient from top left to bototm right. Primary to Secondary Accent colour at 80% opacity. 

Bottom Row Seperator; Curve Right; Width 100%; Height 50px

Testimonials

client-3
YOUR PROFESSION

Your Name

"Your amazing testimonial. Probably something along the lines of... wow we covered everything and now I'm winning new clients all the time and delivering great projects. "

First Project: $3500

Won in 2 months

client-2
YOUR PROFESSION

Your Name

"Your amazing testimonial. Probably something along the lines of... wow we covered everything and now I'm winning new clients all the time and delivering great projects. "

First Project: $1250

Won in 6 weeks

Pricing Tables

Package Title

$1000 / month
  • Feature List
  • Feature List
  • Feature List
  • Feature List
  • Feature List
  • Feature List
  • Feature List
  • Feature List
  • Feature List
Button
Feature Title

Package Title

$1000 / month
  • Feature List
  • Feature List
  • Feature List
  • Feature List
  • Feature List
  • Feature List
  • Feature List
  • Feature List
  • Feature List
Button

Call To Action

Title goes here

Description goes here. Description goes here. Description goes here. Description goes here. Description goes here. Description goes here. 

Form goes here