Colors
- WE Green
- WE Medium Green
- WE Dark Green
- WE Orange
- WE Medium Orange
- WE Dark Orange
- Text Color
- Light Gray
- Medium Gray
- Dark Gray
- Alt Light Gray
- Alt Dark Gray
Fonts
Active
BentonSans-Regular - The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id maximus ipsum. Donec pharetra mi nec purus, Bold - cursus id ullamcorper turpis vestibulum. Italic - Donec vitae eleifend felis.
BentonSans-Black The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id maximus ipsum. Donec pharetra mi nec purus, Bold - cursus id ullamcorper turpis vestibulum. Italic - Donec vitae eleifend felis.
Old Fonts (shouldn't be used anymore)
Source Sans Pro-Regular - The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id maximus ipsum. Donec pharetra mi nec purus, Bold - cursus id ullamcorper turpis vestibulum. Italic - Donec vitae eleifend felis.
Source Sans Pro-300 - The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id maximus ipsum. Donec pharetra mi nec purus, Bold - cursus id ullamcorper turpis vestibulum. Italic - Donec vitae eleifend felis.
Source Sans Pro-600 - The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id maximus ipsum. Donec pharetra mi nec purus, Bold - cursus id ullamcorper turpis vestibulum. Italic - Donec vitae eleifend felis.
Typography
Headings
Sample body copy to see headline margins duis vehicula facilisis justo, a consectetur sem viverra sit amet. Mauris id diam augue. Nam id volutpat mauris. Cras eget porttitor odio, vel congue elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Heading 2 Lorem ipsum dolor sit amet
Sample body copy to see headline margins duis vehicula facilisis justo, a consectetur sem viverra sit amet. Mauris id diam augue. Nam id volutpat mauris. Cras eget porttitor odio, vel congue elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Heading 3 Lorem ipsum dolor sit amet
Sample body copy to see headline margins duis vehicula facilisis justo, a consectetur sem viverra sit amet. Mauris id diam augue. Nam id volutpat mauris. Cras eget porttitor odio, vel congue elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Heading 4 Lorem ipsum dolor sit amet
Sample body copy to see headline margins duis vehicula facilisis justo, a consectetur sem viverra sit amet. Mauris id diam augue. Nam id volutpat mauris. Cras eget porttitor odio, vel congue elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Heading 5 Lorem ipsum dolor sit amet
Sample body copy to see headline margins duis vehicula facilisis justo, a consectetur sem viverra sit amet. Mauris id diam augue. Nam id volutpat mauris. Cras eget porttitor odio, vel congue elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Paragraphs
Normal Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Large Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Small Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Links
Inline Link
Init
Lorem ipsum dolor sit amet, consectetur adipisicing elit voluptatem tempora minus.
Hover
Lorem ipsum dolor sit amet, consectetur adipisicing elit voluptatem tempora minus.
Arrow Link
Init
Lorem ipsum dolorHover
Lorem ipsum dolorPrimary Button
Secondary Button
Tertiary Button
Orange Button
Dark Orange Button
Green Button
Lists
Unordered List
- Dicta optio cumque dolore hic ea facilis
- Dicta optio cumque dolore hic ea facilis
-
Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
List Root Details
List Root:
List Item Details
- List Item:
Ordered List
Example
- Dicta optio cumque dolore hic ea facilis
- Dicta optio cumque dolore hic ea facilis
-
Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
List Root Details
List Root:
List Item Details
- List Item:
