FuturaOne Style System

HTML Heading Tags

H1

H2

H3

H4

H5
H6
Heading Classes

Heading-xlarge

Heading-large

Heading-medium

Heading-small

heading-xsmall

heading-xxsmall

heading-tiny

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Other HTML Tags

All Paragraphs
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

All Links
subheader classes

subheader-xlarge
1.9 em / 1.4 height

subheader-large
1.6 em / 1.4 height

subheader-regular
1.2 em / 1.4 height

subheader-small
1em / 1.4 height

Text Classes

text-size-xlarge

text-size-large

text-size-regular

text-size-small

text-size-tiny

text-style-italic

text-style-allcaps
text-style-letterspacing-0.06em
text-style-nowrap
text-style-link
Text Weights
text-weight-bold
text-weight-normal
Text Alignments
text-align-left
text-align-center
text-align-right
Background Colors
Text colors
text-color-black
text-color-black100
text-color-black200
text-color-white
text-color-white100
text-color-white200
text-color-grey
text-color-grey200
text-color-primary
text-color-primary100
text-color-primary200
Margins
Section Padding
CONTAINER 1280
MAX WIDTH
Borders
Overflow
Box shadow
Other style