Back Home

Brand Colors

#101010

#ffffff

#3B4667

#BC9561

#212121

Brand Text Colors

text-black

text-white

text-gray-dark

text-gray

text-gray-light

H1 Header

class="text--h1"

H2 Header

class="text--h2"

H3 Header

class="text--h3"

H4 Header

class="text--h4"

[Body Base] - Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas similique error, ut iure neque facere veniam officia possimus dolores, aut harum rerum reprehenderit, sapiente atque ullam consequatur voluptatem nemo libero?

Medium text, Lorem ipsum dolor, sit amet consectetur adipisicing elit. Error minima, doloremque distinctio enim quas libero cum dolor perferendis iste facilis quis eos aperiam porro quidem laudantium in, qui maxime aspernatur..

Smaller text Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laudantium voluptatibus adipisci provident ea eos, quidem iusto tenetur quas, at quasi id incidunt vero repellat. Molestiae omnis magnam tempore assumenda facilis!.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum esse sit qui sunt quod pariatur quam amet unde explicabo consequuntur ab ipsum velit consectetur iure, reprehenderit quibusdam quia minus sed.

class="text--base" +  class="text--sm"  

Contact

class="btn" + <button>

Links and Anchors

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Praesentium cumque expedita deserunt ullam mollitia cum facere. Corporis eius assumenda nulla quaerat soluta quisquam a? Libero temporibus, expedita incidunt ducimus illo.

Regular Link

Lorem, ipsum Regular Link dolor sit amet consectetur adipisicing elit. Rerum, aliquam at laborum quibusdam External Link reiciendis doloremque consequuntur fugit quae quaerat molestiae a vero fuga eaque beatae praesentium modi tempora repellendus dolores.

Unordered & Ordered Lists

At labore et dolore magna aliqua. Ut enim ad minim veniam, character development exercitation ullamco laboris nisi ut aliquip.

Unordered List

Level one of the unordered list in Body (P)
Level one of the unordered list in Body (P)
- Level two of the unordered list in Body (P)
- Level two of the unordered list in Body (P)
- Level two of the unordered list in Body (P)
Level one of the unordered list in Body (P)

Duis aute irure dolor in hyperlink text voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.

Ordered List

Level one of the ordered list in Body (P)
1. Level one of the ordered list in Body (P)
Level one of the ordered list in Body (P)
1. Level two of the ordered list in Body (P)
2. Level two of the ordered list in Body (P)
  1. Level three of the ordered list in Body (P)
  2. Level three of the ordered list in Body (P)
Level one of the ordered list in Body (P)

Unstyled List

Level one of the Unstyled list in Body (P)
Level one of the Unstyled list in Body (P)
- Level two of the Unstyled list in Body (P)
Level one of the unordered list in Body (P)

<ul> + <li> class="unstyled-list"

[Quote] - If it’s all about story for you, you are in the right place. You have to be willing to explore and explode your world to be a better storyteller.

class="text--quote"