Colors
- Black: #000000
- White: #FFFFFF
- Dark Gray: #333333
- Gray: #666666
- Medium Gray: #999999
- Light Gray: #F2F2F2
- Orange: #FF6300
Font Stack
Primary
-
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
"GT Pressura Bold", "Helvetica-bold", "Arial-bold", sans-serif; -
A B C D E F G H I J K LM N O P Q R S TU V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
"GT PressuraRegular", "Helvetica", "Arial", sans-serif; -
A B C D E F G H I J K L M NO P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
"GT PressuraRegular Italic", "Helvetica", "Arial", sans-serif;
Secondary
-
A B C D E F G H I J K L M N O P Q R S T UV W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
"AdobeCaslonRegular", Georgia, Times, "Times New Roman", serif; -
A B C D E F G H I J K L M N O P Q R S T UV W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
"AdobeCaslonItalic", GeorgiaItalic, TimesItalic, "Times New RomanItalic", serif; -
A B C D E F G H I J K L M N O P Q R S T UV W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
"AdobeCaslonBold", GeorgiaItalic, TimesItalic, "Times New RomanBold", serif;
Headings
-
Capheader
h1. (%hdr-cap / .hdr-cap) -
Subheader
h2. (%hdr-sub / .hdr-sub) -
Small Header
h3. (%hdr-sm / .hdr-sm) -
Quote
h4. (%hdr-quote / .hdr-quote) -
Heading
h5. -
Heading
h6.
CTA
-
CTA Link
CALL TO ACTION -
CTA Button/Submit
-
CTA Drawer Link
See all
Paragraph
Lorem ipsum dolor sit amet, adipiscing elit. Nullam test link dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
Photo Credit
Image: Courtesy of the Dash Snow archive, New York City / Courtesy of Contemporary Fine Arts, Berlin Photo: Jochen Littkemann
Image Ratios
- 1:1
- 16:9
List Types
Definition List
- Definition List Title
- This is a definition list division.
Ordered List
- List Item 1
- List Item 2
- List Item 3
Unordered List
- List Item 1
- List Item 2
- List Item 3
%default-ol Ordered List
- List Item 1
- List Item 2
- List Item 3
%default-ul Unordered List
- List Item 1
- List Item 2
- List Item 3
Fieldsets and Form Elements
Tables
| Table Header 1 | Table Header 2 | Table Header 3 |
|---|---|---|
| Division 1 | Division 2 | Division 3 |
| Division 1 | Division 2 | Division 3 |
| Division 1 | Division 2 | Division 3 |
Icons
-
see all (.icon--see-all) -
hide (.icon--hide) -
content (.icon--content) -
arrow-down (.icon--arrow-down) -
arrow-left (.icon--arrow-left) -
arrow-right (.icon--arrow-right) -
arrow-up (.icon--arrow-up) -
check (.icon--check) -
close (.icon--close) -
download (.icon--download) -
open (.icon--open) -
quote (.icon--quote) -
replay (.icon--replay)