Armour 39 Web Style Guide
Updated: 01-11-13
Palette
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