Nation North Main Styles

Buttons

Primary buttons

Large (Default) Medium Small

Secondary Buttons (Dark Background)

Large (Default) Medium Small

Secondary buttons

Large (Default) Medium Small

The background of the button is white.

Tertiary buttons (Light Background)

Large (Default) Medium Small

The background of the button is transparent.

Tertiary buttons (Dark Background)

Large (Default) Medium Small

Light Background

This is a headline (h1).

This is a headline (h2).

This is a headline (h3).

This is a headline (h4).

This is a headline (h5).
This is a headline (h6).

Paragraph (p) – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Auctor eu augue ut lectus arcu bibendum. Nulla facilisi cras fermentum odio eu. Odio eu feugiat pretium nibh ipsum consequat. Pharetra vel turpis nunc eget. Pharetra et ultrices neque ornare aenean euismod. Amet risus nullam eget felis eget nunc.

Paragraph (p) – This is bold (strong) and this is italic (em). This is a link (a) and this is strikethrough (del) and this is inserted.

Medium Background

  • This is an unordered list (ul)
  • List item 2
  • List item 3
  • List item 4
  1. This is an ordered list (ol)
  2. List item 2
  3. List item 3
  4. List item 4

Blockquote (blockquote) – In hendrerit gravida rutrum quisque non tellus orci. Orci sagittis eu volutpat odio facilisis mauris sit. Aliquam etiam erat velit scelerisque in dictum. Dui accumsan sit amet nulla facilisi. Vitae justo eget magna fermentum iaculis eu non. Neque viverra justo nec ultrices dui sapien eget mi proin. Viverra suspendisse potenti nullam ac tortor vitae. Sed pulvinar proin gravida hendrerit lectus. Nibh tellus molestie nunc non blandit massa enim nec dui. Semper eget duis at tellus at urna condimentum mattis.


Utility Classes

Body Text

Extra Large

Large

Caption

View More

 

Checkbox list

  • item 1
  • item 2
  • item 3
  • item 4