Style Guide

About the Project:

Our Time project will explore what is comprised in having a balanced lifestyle, the comparison of it between the genders of females and males and the comparison between the actual results and recommended averages. The data was recorded over a one-week period, in 30-minute intervals consisting with 51, second year students.

Colours:

The colours chosen are an essential part in design as they may have specific connotations regarding culture, traditions and world-wide symbolism. Colour can also be subjective, so it is important to know who the target audience is.

  • Purple: Neutral
    • CMYK: (28, 45, 6, 0)
    • RGB: (184, 147, 186)
    • HEX: #b893ba
  • Purple: Neutral (Text)
    • CMYK: (28, 47, 6, 20)
    • RGB: (153, 120, 155)
    • HEX: #99789b
  • Pink: Female
    • CMYK: (0, 27.19, 6.52, 0)
    • RGB: (250, 198, 208)
    • HEX: #fac6d0
  • Pink: Female
    • CMYK: (0, 27.19, 6.52, 0)
    • RGB: (250, 198, 208)
    • HEX: #fac6d0
  • Blue: Male
    • CMYK: (40, 9, 12, 0)
    • RGB: (151, 198, 213)
    • HEX: #97c6d5
  • Blue: Male (Text)
    • CMYK: (56, 9, 15, 17)
    • RGB: (91, 161, 178)
    • HEX: #5ba1b2

Type:

The main typeface chosen is Helvetica Neue as it it is legible and in paragraphs it still offers readability. It is a san-serif typeface with a wide variety of weights and allows for a variation of leading, tracking and size while retaining its original form. The feature typeface is Felt Tip Roman, as it creates an intimate feel of personalised text which synonymous with hand writing. This was added as it gave the feeling that correlated with those of a students hand writing.

  • Heading:
    • Typeface: Helvetica Neue
    • Size: 40
    • Weight: Regular
    • Leading: Auto
    • Tracking: 0
    • Alignment: Left
  • Body Text:
    • Typeface: Helvetica Neue
    • Size: 10
    • Weight: Light
    • Leading: Auto
    • Tracking: 0
    • Alignment: Left
  • Pull Numbers:
    • Typeface: Helvetica Neue
    • Size: 50 (20 for variable)
    • Weight: Bold
    • Leading: Auto
    • Tracking: 0
    • Alignment: Centre
  • Bar Graph (Recommended):
    • Typeface: Helvetica Neue
    • Size: 20
    • Weight: Bold
    • Leading: Auto
    • Tracking: 0
    • Alignment: Left/Right
    • Opacity: 66%
  • Bar Graph (X):
    • Typeface: Helvetica Neue
    • Size: 20
    • Weight: Bold
    • Leading: Auto
    • Tracking: 0
    • Alignment: Left/Right
    • Opacity: 100%
  • Donut Chart Heading:
    • Typeface: Felt Tip Roman
    • Size: 20
    • Weight: Bold
    • Leading: Auto
    • Tracking: 0
    • Alignment: Left
  • Donut Chart Body:
    • Typeface: Helvetica Neue
    • Size: 11
    • Weight: Regular
    • Leading: Auto
    • Tracking: 30
    • Alignment: Right
This image is the style guide in action, with a proposed layout for the Our Time assignment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s