Armour 39 Web Style Guide

Updated: 01-11-13

Palette

#003479
#005abb
#00a8e1
#ffd600
#fbc60e
#76d517
#60ae14
#d3222a
#d7d7d7
#aeaeae
#2b2b2b

Global Background Image

armour39_bg.jpg

Typography - General Usage

Headline 1 36px Helvetica

Lorem ipsum dolor sit amet consectetur adipiscing elit maecenas quis sapien nisi nontum.

Headline 2 24px Helvetica

Lorem ipsum dolor sit amet consectetur adipiscing elit maecenas quis sapien nisi nontum.

Headline 3 18px Helvetica

Lorem ipsum dolor sit amet consectetur adipiscing elit maecenas quis sapien nisi nontum.

Body 14px Helvetica

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis sapien nisi, non elementum metus. Quisque pulvinar sem vitae est fermentum eget facilisis est iaculis. Fusce dignissim neque lacus. Mauris et nisl nulla. Donec quis ante id neque imperdiet condimentum. Morbi dolor diam, vulputate in tincidunt nec, tincidunt in tortor. Mauris nibh nibh, suscipit ac vulputate vel, laoreet vitae tellus. Donec ac vestibulum tortor.

Curabitur non lacus tellus, eget eleifend quam. Quisque eu porttitor lacus. Aliquam posuere viverra nunc, nec lobortis nisi ultrices pretium. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Vivamus lorem sem, adipiscing ac fermentum at, venenatis at nisi. Morbi eleifend justo non erat dapibus id pulvinar tortor cursus. Curabitur sem dui, bibendum vel gravida vel, commodo non sapien. Proin odio nunc, accumsan interdum consectetur quis, eleifend in leo.

Typography - Specific Usage

Global Navigation Primary Item 12px Helvetica Bold

Global Navigation Secondary Item 10px Helvetica Bold

Dash Navigation Item 12px Helvetica Uppercase

Calendar

Dash Navigation Item - Active/Hover 12px Helvetica Bold Uppercase

Calendar

Body Level CTAs 10px Helvetica

What is this?

Week View Stats Panel Primary 160px Helvetica Bold

8.9

Week View Stats Panel Secondary 54px Helvetica Bold

1:37:58

Month View Stats Panel Primary 112px Helvetica Bold

8.9

Month View Stats Panel Secondary 48px Helvetica Bold

1:37:58

Caption/Label/Misc Text 10px Helvetica

Workout Day

Forms

Form Field