Style Nav X

UI Style Guide

Fonts

  • Brandon Grotesque
  • Open Sans

Colors

  • black
  • white
  • red
  • green
  • blue
  • valhalla
  • purple-light
  • purple-light-2
  • purple
  • yellow
  • shaft
  • silver
  • silver-light

SVG Icons

  • ico-chevron-down
  • ico-happy
  • ico-lock
  • ico-plus-circle
  • ico-user
  • ico-dog

Typography

Special Titles

This is Page Title This is Section Title

Entry Content: Headings

H1 - Some Title

H2 - Some Title

H3 - Some Title

H4 - Some Title

H5 - Some Title
H6 - Some Title

Entry Content: Elements

Paragraph text 1. Donec sed odio dui. Cras justo odio, dapibus ac facilisis in. Egestas eget quam. Maecenas faucibus mollis interdum maecenas faucibus. Cras mattis consectetur purus sit amet.

Paragraph text 2. Donec sed odio dui. Cras justo odio, dapibus ac facilisis in. Egestas eget quam. Maecenas faucibus mollis interdum maecenas faucibus. Cras mattis consectetur purus sit amet.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Accusantium accusamus unde, necessitatibus quod reprehenderit, soluta quaerat voluptates vel obcaecati aut molestiae in. Illo dolores ut dignissimos? Placeat, laboriosam voluptatum? Exercitationem.

Paragraph text 3. Donec sed odio dui. Cras justo odio, dapibus ac facilisis in. Egestas eget quam. Maecenas faucibus mollis interdum maecenas faucibus. Cras mattis consectetur purus sit amet.

Hyperlink
  • Unorderd list
  • Unorderd list
  1. Ordered list
  2. Ordered list
Row Row
Column Column

Banner Home

Banner About

Banner Residential

Banner Commercial

Banner Roll-Off Dumpster

Banner Careers

Banner Contact

Bg-Content

CTA-Text FAQS

CTA-Text News

CTA-Color Careers

CTA-Color Event

Info-box

Block-Offset

Half-img

Half-img invert

Text-icon section

Text-icon section alt

List section

Half-icons

Big-list

Search-section

Map

Sizes

Big-boxes

Video section Roff

Video section Roff

Careers

Schedule

Contact-Form

News

Cart

FAQ

Residential Order

Roll-Off Order