Style

Colors


Brand Colors

Blue
#0c1335
Orange
#e24d25
$color-shadow
rgba(0, 0, 0, 0.125)
$color-light-shade
rgba(0, 0, 0, 0.2)

Default Colors

Primary Color
rgb(12,19,53)
Secondary Color
#34495e
Alert Color
#e74c3c
Success Color
#27ae60
Warning Color
#e67e22
Info Color
#eeeeee

Typography


Font Faces

Helvetica Bold

Helvetica Neue LT Bold

Helvetica Roman

Helvetica Neue LT Roman

Helvetica Light

Helvetica Neue LT Light

Usage

Heading 1:

This is a very large header.

Heading 2:

This is a large header.

Heading 3:

This is a medium header.

Heading 4:

This is a moderate header.

Heading 5:
This is a small header.
Heading 6:
This is a tiny header.
Paragraph:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil, sit corporis, numquam praesentium soluta dolor nam velit voluptas quas. Quasi cupiditate non ab natus eveniet harum nulla maiores, deleniti necessitatibus.

Category Label:

Special Series

Brendan Smialowski / AFP / Getty Images
Image Credit:

A man was injured yesterday when he fell off a rickety ladder that collapsed while he was painting his house.

Lead Text:
A good designer must rely on experience, on precise, logic thinking; and on pedantic exactness. No magic will do. Niklaus Wirth
Block quotation:
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Small Text:

Icons