Color Palette

  • $palette-dark
  • $palette-light
  • $palette-text
  • $palette-light-text
  • $palette-primary
  • $palette-border
  • $palette-success
  • $palette-error

Font Families

  • Moderat ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
  • Moderat ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
  • Ennore Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
  • Ennore Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
  • Ennore Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
  • Ennore Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Typography

Headings

Heading 1

Heading 1 Link

Heading 2

Heading 2 Link

Heading 3

Heading 3 Link

Heading 4

Heading 4 Link

Heading 5
Heading 5 Link
Heading 6
Heading 6 Link
Eyebrow

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla, laboriosam nihil expedita aliquid architecto iure, dolore impedit. Doloremque modi, quasi obcaecati laudantium incidunt, tenetur nam accusamus error, tempore sequi illo.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla, laboriosam nihil expedita aliquid architecto iure, dolore impedit. Doloremque modi, quasi obcaecati laudantium incidunt, tenetur nam accusamus error, tempore sequi illo.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla, laboriosam nihil expedita aliquid architecto iure, dolore impedit. Doloremque modi, quasi obcaecati laudantium incidunt, tenetur nam accusamus error, tempore sequi illo.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla, laboriosam nihil expedita aliquid architecto iure, dolore impedit. Doloremque modi, quasi obcaecati laudantium incidunt, tenetur nam accusamus error, tempore sequi illo.

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam sint doloremque officiis ut, doloribus, totam mollitia dicta. Explicabo nemo est maxime recusandae placeat cum quae quidem, quia magni.

Blockquote Caption

Other Type

Strong Copy

Emphasized Copy

Inline Anchor Link

Small Copy

  • Onions
  • Tomatos
  • Beans
  1. Onions
  2. Tomatos
  3. Beans

Horizontal Rulers


Buttons

Styles

Sizing

Action Buttons

Default

With Text

{Button Label}
{Button Label}

Tab Buttons

Filter Buttons

Cards

Title

MEd, RCC

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis ut necessitatibus aperiam maiores sapiente.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis ut necessitatibus aperiam maiores sapiente.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis ut necessitatibus aperiam maiores sapiente.

Read More

Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis ut necessitatibus aperiam maiores sapiente.

Card Button

Accordion

Forms

Inputs

Required fields are followed by *

uploaded file no file uploaded

Select

Radio + Checkboxes

Select An Option

Grid

@include grid-cell(12)
@include grid-cell(1)
@include grid-cell(11)
@include grid-cell(2)
@include grid-cell(10)
@include grid-cell(3)
@include grid-cell(9)
@include grid-cell(4)
@include grid-cell(8)
@include grid-cell(5)
@include grid-cell(7)
@include grid-cell(6)
@include grid-cell(6)

Spacing

@include grid-cell(5, 2)
@include grid-cell(5, 8)

Images

Default

alt text

Round

alt text

Video

Vimeo Player

YouTube Player

Maps

Modules

Module Pre Header

Module: Fifty Fifty

Module Subtitle

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo earum laboriosam nulla, dolores unde excepturi aliquam repellendus consequatur distinctio porro impedit omnis quae et neque, magni dolor maiores eligendi dicta.

IMAGE ALT

Module Pre Header

Module: Text Columns

Module Subtitle

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo earum laboriosam nulla, dolores unde excepturi aliquam repellendus consequatur distinctio porro impedit omnis quae et neque, magni dolor maiores eligendi dicta.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo earum laboriosam nulla, dolores unde excepturi aliquam repellendus consequatur distinctio porro impedit omnis quae et neque, magni dolor maiores eligendi dicta.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo earum laboriosam nulla, dolores unde excepturi aliquam repellendus consequatur distinctio porro impedit omnis quae et neque, magni dolor maiores eligendi dicta.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo earum laboriosam nulla, dolores unde excepturi aliquam repellendus consequatur distinctio porro impedit omnis quae et neque, magni dolor maiores eligendi dicta.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo earum laboriosam nulla, dolores unde excepturi aliquam repellendus consequatur distinctio porro impedit omnis quae et neque, magni dolor maiores eligendi dicta.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo earum laboriosam nulla, dolores unde excepturi aliquam repellendus consequatur distinctio porro impedit omnis quae et neque, magni dolor maiores eligendi dicta.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo earum laboriosam nulla, dolores unde excepturi aliquam repellendus consequatur distinctio porro impedit omnis quae et neque, magni dolor maiores eligendi dicta.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo earum laboriosam nulla, dolores unde excepturi aliquam repellendus consequatur distinctio porro impedit omnis quae et neque, magni dolor maiores eligendi dicta.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo earum laboriosam nulla, dolores unde excepturi aliquam repellendus consequatur distinctio porro impedit omnis quae et neque, magni dolor maiores eligendi dicta.

Module Pre Header

Module: Logo Wall

Module Subtitle

IMAGE ALT
IMAGE ALT
IMAGE ALT
IMAGE ALT
IMAGE ALT
IMAGE ALT
IMAGE ALT
IMAGE ALT
IMAGE ALT
IMAGE ALT
IMAGE ALT
IMAGE ALT

Module Pre Header

Module: CTA

Module Subtitle

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corrupti vel voluptatibus consequatur deserunt! Molestias deleniti explicabo fugiat saepe quis veniam architecto consectetur aliquam, adipisci, possimus distinctio a placeat itaque culpa!

Button Text