Color Palette

  • $palette-dark
  • $palette-light
  • $palette-text
  • $palette-light-text
  • $palette-link
  • $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

Default Hollow Button Text Button Text Instagram Has Icon

Sizing

Small Default Large

Action Buttons

Default

With Text

{Button Label} {Button Label}

Tab Buttons

Tab One Tab Two Tab Three

Filter Buttons

Filter One Filter Two Filter Three

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: Gallery

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

Module Pre Header

Module: Latest News

Module Subtitle

Wellness

< class="h4">Is it ok to talk to myself?

Many of us have an inner monologue. You know, the one that runs through your to-do list or practices conversations you’re never going to have with your ex. But not everyone’s inner monologue takes place…

Read more about the post: Is it ok to talk to myself?.

Wellness

< class="h4">10 tips to worry less

Everybody gets worried from time to time. Maybe it’s a big presentation on the horizon, or…

Read more about the post: 10 tips to worry less.

Wellness

< class="h4">How to laugh more every day

We’ve all heard that laughter is the best medicine, but that’s not literally true. Obviously laughter…

Read more about the post: How to laugh more every day.