NUSO Styleguide


Fonts & Colors

Avenir

Avenir Bold

Avenir Light

Avenir Heavy

  • NUSO Orange

    #F18A00

  • NUSO Blue

    #004B87

  • NUSO Green

    #3D3D3D

  • Light Gray

    #EEEEEE

  • Gray

    #707070

  • Black

    #000000

  • White

    #FFFFFF

Content Elements

Heading 1: 48px

Heading 2: 32px

Heading 3: 28px, 100

Heading 4: 48px, 100

Heading 5: 16px, 500, 2px spacing
Heading 6: 64px

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"A big quote of text."

Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Unordered List

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

Ordered List

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

Form Title

Radio Button Choice