h1This is the page’s main headline, 
set in 46-point Rubik Extra Bold.

h2Main topic headlines are set in a smaller font size, usually from 27-33px.

Some headlines will have icons.

h3Here’s the style for minor topics & subheads, set in 23px Rubik Bold

A minor topic or subhead with a corresponding icon

h4<h4> tags are set in 19px bold (1px larger than the text font)

h5Italic text-size subheads run at 18px, same size as the text font.
h6Captions and footnotes can use a smaller (15px) display font

This is sample text, set in a Rubik Light 18px with a line-height set to 1.8em, with 1em of additional space after each paragraph.

Lorem ipsum dolor sit amet, semper ubi sub ubi.Vestibulum interdum, neque in ullamcorper scelerisque, nibh sapien volutpat lectus, a pulvinar erat purus et urna. Vivamus non laoreet enim, vel semper orci. Nullam pellentesque faucibus dolor, in commodo est facilisis quis. Vestibulum quam justo, semper at consectetur quis, aliquet ac nunc.

Quoted text, aka blockquotes are indented and receive a left vertical rule. Fusce ut justo dictum, consectetur erat in, posuere lorem. Morbi id nunc pharetra, bibendum odio ac, pellentesque quam. Duis et ipsum vel urna fringilla accumsan. Nam in tincidunt dolor. Phasellus vehicula, mi at faucibus commodo, orci nisi interdum sapien, sit amet pretium odio sem at nulla. Nam tristique ut ipsum nec interdum.

Note: Here’s a block of copy that deserves special attention. ipsum dolor sit amet, semper ubi sub ubi.Vestibulum interdum, neque in ullamcorper scelerisque, nibh sapien volutpat lectus, a pulvinar erat purus et urna. Vivamus non laoreet enim, vel semper orci
  • Here’s an item within a list of items
  • Another item in the list
  • Maecenas non placerat ipsum. Nunc sagittis hendrerit quam, eu gravida tortor euismod nec. Nam dui diam, viverra a pulvinar sed, dictum sed nisl.

This is an inline text link. When hovered, it turns to a brighter color.

Sample Form Styles:

4 + 7 =

blue-dark

#3A60A6

green-dark

#209957

sand-dark

#B3A459

brick-dark

#B35236

blue-bright

#4C7CD9

green-bright

#2AC971

sand-bright

#D9C76C

brick-bright

#D96341

blue-muted

#8DA7D9

green-muted

#83C9A3

sand-muted

#D9CE98

brick-muted

#D9856D

grey-dark

#4A4A4A

grey-medium

#AAAAAA

grey-light

#EAEAEA

background

#FFEDC7

off-white

#FFFCF5