Atoms

Colors

  • Gray #434647
  • Light Gray #dedede
  • Lightest Gray #f4f3f2
  • Gold #cfa46e
  • Light Tan #BC997D
  • Maroon #6d0a06
  • Pink #a0605d
  • Red #ba413d
  • Light Blue #6AACDC

Buttons

Text

h1 - This is a main title

h2 - This is a subtitle

h3 - This is a section title

h4 - This is a section subtitle

This an introduction text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel egestas mauris. Nulla eget vehicula tortor. Aliquam metus dui, mollis sed neque vitae, tincidunt placerat tellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel egestas mauris. Nulla eget vehicula tortor. Aliquam metus dui, mollis sed neque vitae, tincidunt placerat tellus. Sed lobortis ullamcorper mattis. In ullamcorper vitae odio eget efficitur. Donec sit amet sodales quam. I'm a link, click me to see a new page!

This is an example of expandable content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consequat turpis elit, sed sodales est placerat sit amet. Quisque lobortis dui tortor, vel mattis ligula eleifend a. Aenean auctor volutpat urna, sit amet feugiat felis tristique vitae. Proin molestie vitae metus nec pellentesque. Nunc dapibus congue tellus, quis sagittis justo semper sed. Ut consequat commodo justo non venenatis. Vivamus at metus in mauris venenatis interdum.

  • This is an unordered list
  • Lorem ipsum dolor sit amet
  • Morbi consequat turpis elit, sed sodales est placerat sit amet. Quisque lobortis dui tortor, vel mattis ligula eleifend a
  • Nunc dapibus congue tellus, quis sagittis justo
  1. This is an ordered list
  2. Lorem ipsum dolor sit amet
  3. Morbi consequat turpis elit, sed sodales est placerat sit amet. Quisque lobortis dui tortor, vel mattis ligula eleifend a. Aenean auctor volutpat urna, sit amet feugiat felis tristique vitae.
  4. Nunc dapibus congue tellus, quis sagittis justo

Organisms

  • Brand WindowSlider

    This is the brand window slider organism, which fills the whole window. If only one item is added, it will be static, but additional items will turn it into a slider.

    Optional Button
  • Slide #2Subtitle

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla non maximus velit. Praesent at lacus quis enim semper rutrum eget sit amet lacus.

    Call to action
This is a spot for a tagline

Intro Text Organism

This organism provides leading text that guides users into the rest of the content on the page.

Click Here

Brand Window

This is the default brand window style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla non maximus velit. Praesent at lacus quis enim semper rutrum eget sit amet lacus.

Brand Window with Color Overlay

This organism places a blue overlay on top of the background image.

Horizontal

Text Layout

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla non maximus velit. Praesent at lacus quis enim semper rutrum eget sit amet lacus. Donec imperdiet, lacus vitae ullamcorper consequat, lorem augue ultrices enim, at volutpat lorem purus varius odio. Vivamus interdum sollicitudin nisi ut mattis.

CTA with multimedia

This organism gives you the choice of including either an image slider or an embedded video next to a block of text.

Click Here

Text with background image

This organism allows you to place text over a background image. The “Reverse Text Color” option changes the text color to white to make it easier to read on darker images.

This is a button