Style Guide

[et_pb_section fb_built=”1″ _builder_version=”4.0.2″ background_color=”#e5e5e5″][et_pb_row _builder_version=”4.0.2″][et_pb_column type=”4_4″ _builder_version=”4.0.2″][et_pb_text module_class=”section-header” _builder_version=”4.0.2″]

The following “Style Guide” defines our brand elements. Any materials or digital marketing collateral must comply to this guide.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.0.2″][et_pb_column type=”4_4″ _builder_version=”4.0.2″][et_pb_accordion _builder_version=”4.0.2″ custom_margin=”||0px||false|false”][et_pb_accordion_item title=”About this style guide and how to use it” open=”on” _builder_version=”4.0.2″]

This style guide defines your Logo, Colours, Fonts and other elements to keep your business branding consistent.

It should be used as a reference for any “Graphic Design” relating to your brand/business, including: Stationery, Signage, Advertisements, Digital Marketing etc.

To avoid any misunderstandings about your branding, send a link to this page to any Graphic Designer doing work for your business.

[/et_pb_accordion_item][et_pb_accordion_item title=”About Colours” _builder_version=”4.0.2″ open=”off”]

This style guide defines 3 colours as RGB values. Any print should use a close approximation of CMYK values.

Colour 1 is your primary colour and should be the most featured colour in your logo.

Colour 2 is your secondary color. It shoud be used to highlight / acent any sections that draw attention, such as a Call to action.

Colour 3 is your tertiary color. It shoud be used sparingly to accent items e.g. an underline.

All Graphic Design/Artwork should used these colours. Should a design require more colours, our recommendation is to only use variations of these colours by adjusting Saturation and/or Brightness. Hue shoud never be adjusted as this would produce a completely unrelated colour and not comply with your brands style.

 

[/et_pb_accordion_item][et_pb_accordion_item title=”About Logos” _builder_version=”4.0.2″ open=”off”]

This style Gude defines:

Standard Logo To be used generally on white or light coloured backgrounds
Inverse Logo To be used on darker backgrounds
Icon To be used as FavoriteIcon, Desktop Shortcuts etc

All logo files are supplied to the client as Adobe Illustrator format. These will need to be sent to any Graphic Designer by the business owner.

[/et_pb_accordion_item][et_pb_accordion_item title=”About Fonts” _builder_version=”4.0.2″ open=”off”]

This style guide defines all fonts used for headings and body copy.

For each element, the Font Name, Foundary and Size is defined. These fonts shoud be used on all digital and print media wherever possible.

For editable documents that will be made available to clients, e.g “Microsoft Word”.  The client’s computer may not have your fonts installed. Therefore, use the closet available standard fonts. e.g. :

  • For Serif Fonts use the font “Times” or “Times new roman”
  • For Sans Serif Font use the font “Arial”

[/et_pb_accordion_item][/et_pb_accordion][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.0.2″][et_pb_row _builder_version=”4.0.2″][et_pb_column type=”4_4″ _builder_version=”4.0.2″][et_pb_text module_class=”section-header” _builder_version=”4.0.2″]

Colours

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ use_custom_gutter=”on” gutter_width=”1″ make_equal=”on” _builder_version=”4.4.1″][et_pb_column type=”1_3″ _builder_version=”4.4.1″ background_color=”#004378″ custom_padding=”20px||20px||true|false” hover_enabled=”0″][et_pb_text _builder_version=”4.0.6″ text_text_color=”#ffffff”]

Colour 1

Should be the most dominant colour

RGB: #004378

[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.4.1″ background_color=”#BBB625″ custom_padding=”20px||20px||true|false”][et_pb_text _builder_version=”4.0.6″ text_text_color=”#ffffff”]

Colour 2

Should be used for Buttons, Call to action etc.

RGB: #BBB625

[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.0.6″ background_color=”#0677a7″ custom_padding=”20px||20px||true|false”][et_pb_text _builder_version=”4.0.6″ text_text_color=”#ffffff”]

Colour 3

Use sparingly for highlights, lines etc.

RGB: #0677a7

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.0.2″ background_color=”#f4f4f4″][et_pb_row _builder_version=”4.0.2″][et_pb_column type=”4_4″ _builder_version=”4.0.2″][et_pb_text module_class=”section-header” _builder_version=”4.0.2″]

Logos

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.0.6″][et_pb_column type=”4_4″ _builder_version=”4.0.6″][et_pb_text _builder_version=”4.0.6″]

The following logos are intended for branding and promotion of SHOTZ Print Pty Ltd only. To use these logos on any Branding, Marketing or other materials, you must attain written permission from an authorised SHOTZ Print Pty Ltd representative. Any use of these logos without written permission may result in legal action.

[/et_pb_text][et_pb_button button_text=”Download Logo Pack Here” _builder_version=”4.0.6″][/et_pb_button][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ make_equal=”on” _builder_version=”4.0.2″][et_pb_column type=”1_3″ _builder_version=”4.0.2″ custom_padding=”20px|20px|20px|20px|false|false”][et_pb_text _builder_version=”4.0.2″]

Standard

[/et_pb_text][et_pb_image src=”https://www.shirtz.com.au/wp-content/uploads/2019/10/wpevolve@2x.png” align=”center” _builder_version=”4.0.2″][/et_pb_image][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.0.2″ background_color=”#828282″ custom_padding=”20px|20px|20px|20px|false|false”][et_pb_text _builder_version=”4.0.2″ text_text_color=”#ffffff”]

Inverse

[/et_pb_text][et_pb_image src=”https://www.shirtz.com.au/wp-content/uploads/2019/10/on-dark-wpevolve@2x-1.png” align=”center” _builder_version=”4.0.2″][/et_pb_image][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.0.2″ custom_padding=”20px|20px|20px|20px|false|false”][et_pb_text _builder_version=”4.0.2″]

Icon

[/et_pb_text][et_pb_image src=”https://www.shirtz.com.au/wp-content/uploads/2019/10/on-dark-wpevolve-icon@2x.png” align=”center” _builder_version=”4.0.2″][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.0.2″][et_pb_row _builder_version=”4.0.2″][et_pb_column type=”4_4″ _builder_version=”4.0.2″][et_pb_text module_class=”section-header” _builder_version=”4.0.2″]

Headings

[/et_pb_text][et_pb_text module_class=”headings-no-margins” _builder_version=”4.0.2″]

Heading 1

Open Sans (Google Font) 30px

Heading 2

Open Sans (Google Font) 26px

Heading 3

Open Sans (Google Font) 22px

Heading 4

Open Sans (Google Font) 18px

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.0.2″ background_color=”#f9f9f9″][et_pb_row _builder_version=”4.0.2″][et_pb_column type=”4_4″ _builder_version=”4.0.2″][et_pb_text module_class=”section-header” _builder_version=”4.0.2″]

Body Copy

Open Sans (Google) 14px. For editable documents such as Microsoft Word, use Arial.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ use_custom_gutter=”on” gutter_width=”1″ make_equal=”on” _builder_version=”4.4.1″ custom_padding=”0px|0px|0px|0px|false|false”][et_pb_column type=”1_2″ _builder_version=”4.0.2″ background_color=”#f4f4f4″ custom_padding=”20px|20px|20px|20px|false|false”][et_pb_text _builder_version=”4.0.3″]

Body Copy Standard

This is a link , consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.4.1″ background_color=”#004378″ custom_padding=”20px|20px|20px|20px|false|false” hover_enabled=”0″][et_pb_text _builder_version=”4.0.3″ text_text_color=”#ffffff”]

Body Copy – On Colour 1

This is a link dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ use_custom_gutter=”on” gutter_width=”1″ make_equal=”on” _builder_version=”4.4.1″ custom_padding=”0px|0px|0px|0px|false|false”][et_pb_column type=”1_2″ _builder_version=”4.4.1″ background_color=”#bbb625″ custom_padding=”20px|20px|20px|20px|false|false”][et_pb_text _builder_version=”4.0.3″ text_text_color=”#ffffff”]

Body Copy – On Colour 2

This is a link, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.4.1″ background_color=”#0677a7″ custom_padding=”20px|20px|20px|20px|false|false”][et_pb_text _builder_version=”4.0.3″ text_text_color=”#ffffff”]

Body Copy – On Colour 3

This is a link, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

Shopping Cart
X
Scroll to Top