OLD-Style Guide

Heading 1 (h1) – 40px

Paragraph Text. 16pt Futura over 28pt leading. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. This is a link. It is gold.

Heading 2 (h2) – 36px

Paragraph Text. 18pt Proxima Nova over 29pt leading. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. This is a link. It is bolded & blue.

Heading 3 (h3) – 32px

Paragraph Text. 18pt Proxima Nova over 29pt leading. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. This is a link. It is bolded & blue.

Heading 4 (h4) – 28px

Paragraph Text. 18pt Proxima Nova over 29pt leading. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. This is a link. It is bolded & blue.

Heading 5 (h5) – 24px

Paragraph Text. 18pt Proxima Nova over 29pt leading. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. This is a link. It is bolded & blue.

Heading 6 (h6) – 20px

Paragraph Text. 18pt Proxima Nova over 29pt leading. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. This is a link. It is bolded & blue.

Alternative Headings

Heading 1 (h1) – 32px

Heading 2 (h2) – 28px

Heading 3 (h3) – 24px

Heading 4 (h4) – 20px

Heading 5 (h5) – 16px
Heading 6 (h6) – 12px

List Items

  • List Item
  • List Item
  • List Item
  1. List Item
  2. List Item
  3. List Item

Buttons

Primary Button
Secondary Button
Small Button
Large Button
Subtle Button
Bordered Button


Quotes

Blockquotes use the normal <blockquote> html element, accessible in the visual editor.

This is a blockquote. It takes up the entire width of the article. Blockquotes should be kept short.

Tables

Table styling from Bootstrap. Add a class of “table” to your table for it to be styled correctly. This is so it doesn’t interfere with other plugins’ use of tables. The table below is using the following classes: <table class=”table table-bordered”>

Table Heading Table Heading Table Heading
Table Data Table Data Table Data