Color Palette
Using colors consistently brings a sense of familiarity and unity to our brand. GuideOne’s color scheme is clean, simple and forward-thinking.
Note: Use yellow and orange hues sparingly as accents to the cool blues and greens.
Primary Palette
Secondary Palette
Tertiary Palette
Neutral
Triangle Pattern
Typography
To help ensure readability across all devices, we use various weights of Open Sans.
Headings
Heading 1 is Raleway bold, Uppercase, 40px, #00B4D6.
Heading 2 is Raleway Italic, 30px, #1B516F.
Heading 3 is Open Sans Bold, 17px, #007DB4.
Heading 4 is Open Sans Bold, 15px, #545759.
Body copy and paragraph styles
Body copy is Open Sans, 15px, #545759.
Quisque lacinia turpis et facilisis posuere. Donec ac justo in elit ullamcorper dapibus nec pretium lorem. Mauris neque nulla, laoreet nec fringilla euismod, ornare vel arcu. Aenean volutpat mauris vitae malesuada porta.
This is how our unordered lists look.
- Quisque lacinia turpis et facilisis posuere.
- Mauris neque nulla, laoreet nec fringilla euismod.
- Aenean volutpat mauris vitae malesuada porta.
This is how our ordered lists look.
- Quisque lacinia turpis et facilisis posuere.
- Mauris neque nulla, laoreet nec fringilla euismod.
- Aenean volutpat mauris vitae malesuada porta.
Meta copy is used for styling ancillary content, usually in the details panel, that represents details about the content rather than the actual content itself. (14px)
Caption text is used primarily below images and on our cards. (13px)