SKYRDesign Style for Digital Medium

#646093

#645F97

header bg

navigation bg

frames

#645F97

text

#000000

Colours and Usage

pear and banana

#DBD936

plain

#A5CDE7

black to be used for all text on webpage

purple for navigation background

purple for header background

pale blue for use with plain �avoured skyr

yellow for use with pear & banana �avoured skyr

grey for use with frames for images, videos and text

gradients

43% colour with white

where colours are to be used as background to text, a gradient to white, with 43% colour opacity should be used.

Fonts and Usage

fontastique

Verdana

fontastique page headers 14pt

fontastique section headers 12pt

Verdana body content 12pt

Fontastique should be used for headers, and section headers on all website pages. Verdana

should be used for all body copy on all web pages

Where the background is white, black text should be used. Should the background be black or coloured -

making black text illegible - white or purple (#645F97) should be used. ]]

]

Placement of Elements

global navigation should be aligned top right.

header should be placed top, and �ll page width

main logo should be placed top-left in header bar. skyr logo must always be

larger than or equal to any partner logo. logo colours may not change.

logo use elsewhere on pages should be 100%, 50%, 25% size

of main logo

sub-header titles should have same style as main header.

height should be 50%, width may be variable.

footer must be lowest item on pages. footer height and width must remain constant

on all pages. footer colour and style may not change.

Screenshots

[index] [products non-hover] [products hover]

[company]

Screenshots

[hjalliblog][blog] [blog_admin]