Web Style Guide
LOGO - The logo has two versions, a wordmark version and an icon version. The icon version is essentially the 3 parallel lines that sit beneath the type. This will be used not only as a logo but also a menu bar on each page.
H EADING
48pt
HEADING
18pt
Heading
18pt
S U B H EA D I N G
12pt
S u b H ea d i n g
12pt
Body Copy
10pt
TYPE- Only one typeface will be used on the website as the design is intended to be as stripped back and utilitarian as possible. The typeface is SaxMono and it only has one weight. All headings will use a 100 tracking and the body copy will use both 100 and the default tracking. The type will all be set on a baseline grid that increments every 14.4pt. I will use a
IMAGES- All images other than those on the gallery page will appear in black and white. They will appear at 70% opacity, 100% opacity or with a colour overlay depending on what state they are in.
MENU- The menu button will be situated in the top left hand corner of every page. It uses the three lines that can be seen within the logo but set in a yellow. When you hover over the menu button a list will appear on the right hand side of the button. When hovering over each word they will change colour to yellow.
-Home -Contact Us -Gallery -Submit
R:255 G:255 B:255
R:251 G:216 B:2
R:204 G:204 B:204
R:127 G:127 B:127
R:88 G:85 B:90
R:0 G:0 B:0
COLOUR- The colour scheme that I will use for the website includes 3 different shades of grey and one bright yellow which I intend to use as the only bold colour on the site. I will use a registration black for the majority of the text. The website background will be pure white on every page.