SKYR
Design Style for Digital Medium
Colours and Usage text
black to be used for all text on webpage #000000
navigation bg
purple for navigation background #646093
header bg
purple for header background #645F97
plain
pale blue for use with plain flavoured skyr #A5CDE7
pear and banana
yellow for use with pear & banana flavoured skyr #DBD936
frames
grey for use with frames for images, videos and text #645F97
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 fontastique page headers 14pt fontastique section headers 12pt
] Verdana 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 header should be placed top, and fill 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.
global navigation should be aligned top right.
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
[company]
[index]
[products non-hover]
[products hover]
Screenshots
[hjalliblog]
[blog]
[blog_admin]