Colors
- Primary Color
#1D4F9F - Secondary Color
#0F2850 - Accent Color
#528EC9 - Background Color
#F2F2F2
Typefaces
- Urw Din Condensed
- Noto Sans
Headers
Index
Header 1 small text header 1 small text with markHeader 1 text with mark
Header 2 small text header 2 small text with markHeader 2 text with mark
Header 3 small text header 3 small text with markHeader 3 text with mark
Header 4 small textHeader 4 text with mark
Header 5 small textHeader 5 text with mark
Header 6 small textHeader 6 text with mark
Body Text
Large paragraph body text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusantium amet animi aut cumque dignissimos dolore doloremque dolorum eveniet impedit iure officia officiis, quaerat quidem quo quod soluta voluptate voluptatibus? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid at consequuntur cum delectus, deserunt et excepturi illo laboriosam nostrum quidem repellat saepe vero voluptas voluptate. Dolorem hic laborum maiores!
Blockquote. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere molestias nesciunt, obcaecati officia praesentium temporibus velit? Aliquid atque culpa delectus, dignissimos dolores, ipsa libero neque non saepe soluta veniam veritatis.
Cta Text
Unordered List
- Body Text lorem ipsum dolor si amet
- Body Text lorem ipsum dolor si amet
- Body Text lorem ipsum dolor si amet
- Body Text lorem ipsum dolor si amet
- Body Text lorem ipsum dolor si amet
Forms
Tables
| Name | Location | |
|---|---|---|
| Reis Renneker | Dev Floor | reis@tmprod.com |
| Marina Strang | Dev Floor | marina@tmprod.com |
| Tyler Fraser | Back Office | tyler@tmprod.com |
Shortcodes
[button]
Arguments
- type
- Should the button have a chevron or not. Pass "" if you want no chevron. Default: "action-btn" has a chevron.
- href
- The link you want the button to click-through to. Default: false.
- title
- Text that shows when you hover over the button. Default: "" (blank).
- target
- Increases the font-size of the callout. Default: false.
- class
- Adds styles to a button. Options are "light-btn" and "accent-btn". Default: "" (blank).
Examples
[button href="#link_to_someplace" type=""]Regular Button[/button]
[button href="#link_to_someplace" type="" class="light-btn"]Light Button[/button]
[button href="#link_to_someplace"]Arrow Button[/button]
[button href="#link_to_someplace" class="light-btn"]Light Arrow Button[/button]
[button href="#link_to_someplace" class="accent-btn"]Blue Accent Button[/button]
[callout]
Arguments
- full-width
- Adding the full-width argument will stretch the callout to the horizontal edges of the screen. Default: false.
- large-text
- Increases the font-size of the callout. Default: false.
Examples
[callout]Nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.[/callout]
Nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.
[callout full-width=true]Place some content here...[/callout]
Place some content here...
[callout full-width=true large-text=true]My font size should be bigger & better than other callouts...[/callout]
My font size should be bigger & better than other callouts...