Branding Guidelines
Logo & Brand
Design System
Brand Guidelines
- When people interact with our content, product, and services, we want them to feel (...).
- When people see something from our brand, they think it is (...).
- When thinking about our brand, we don't want people to feel (...).
- If our brand were a person, they would be described as (...).
Color Palettes
Light Shades
Use this color as the background for dark-on-light designs, or the text color of an inverted design.
Light Accent
Use this color as the background for dark-on-light designs, or the text color of an inverted design.
Main Color
Use this color as the background for dark-on-light designs, or the text color of an inverted design.
Dark Accent
Use this color as the background for dark-on-light designs, or the text color of an inverted design.
Dark Shades
Use this color as the background for dark-on-light designs, or the text color of an inverted design.
Alternate/Complimentary Colors
Primary
Used for primary button background and other call-to-action messages.
Info
Same as Dark Shades; used for text and other info blocks (either as text or background).
Success
Color to highlight successful action by the user (hover color for buttons/links)
Warning
Color to communicate errors, warnings or other information to bring attention.
Secondary
Used for secondary button background and other call-to-action messages.
Typography
Display/Header Text
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Body Text
Egestas hac netus praesent aliquam phasellus aliquet efficitur nullam. Id viverra mattis egestas. Sample link at felis lacus conubia donec habitant. Iprimis maximus at felis lacus conubia donec habitant erat neque nullam dapibus malesuada elementum metus accumsa.
Aptent eros justo pellentesque placerat volutpat sapien conubia amet accumsan. Sollicitudin elit velit erat fusce magna sapien etiam malesuada nascetur.
Sample label (large)
Sample label (small)
Buttons & Forms
Final forms used on website will have the desired format and fields. This is to show how fields, buttons, and text may look in conjuction with the design system.