Logos
.png?width=2048&height=493&name=Creators%20logo%20color%20hubspot%20media%20white%20(1).png)
Colors
Brand
Primary hover#FFCEC2
Secondary hover#57D2D2
Tertiary hover#8589E0
Quaternary hover#D49134
Lorax#FF7A59
Galopagos#0B8484
Zamba#0FBFBF
Helios#D44325
Yuma#FFCEC2
Versailles#D49134
Ginko ave#FFCD78
Ube#CED0F3
Kreuzberg#4348B0
Patagonia#FFEBC9
Niagara falls#B7ECEC
Fuji#5C62D6
Neutral
Medium dark#2E475D
Medium light#DBE4ED
White#FFFFFF
Light#EAF0F6
Black#192733
Dark#213343
Medium#B6C7D6
Content
Body text#2E475D
Headlines#2E475D
Error#DB0000
Accent#FF7A59
Headlines on dark#FFFFFF
Accent on dark#FF7A59
Error on dark#DB0000
Body text on dark#FFFFFF
Interactions
Hover#0B8484
Visited#BD138D
Links#0B8484
Hover on dark#FFFFFF
Links on dark#EAF0F6
Visited on dark#FFFFFF
Overlays
Solid Dark
Solid Medium
Solid Light
Gradient Dark
Gradient Medium
Gradient Light
Styles
Shadows
Shadow Level 1
Shadow Level 2
Shadow Level 3
Shadow Level 4
Buttons & Links
Typography
Sample Markup:
<>
Display 1
Display 2
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph
Small Paragraph
Large Paragraph
Blockquote
Large Blockquote
Display 1
Display 2
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph
Small Paragraph
Large Paragraph
Blockquote
Large Blockquote
Lists
Sample Markup:
<>
Unordered List
- List item
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- List item
Ordered List
- List item
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- List item
Unordered List
- List item
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- List item
Ordered List
- List item
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- List item
Testimonials
Normal
Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi corrupti, aliquam cumque iste saepe itaque quod, voluptatum nihil ullam velit ipsam asperiores odio accusantium culpa atque totam facilis officiis libero!
Large
Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi corrupti, aliquam cumque iste saepe itaque quod, voluptatum nihil ullam velit ipsam asperiores odio accusantium culpa atque totam facilis officiis libero!
Boxed
Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi corrupti, aliquam cumque iste saepe itaque quod, voluptatum nihil ullam velit ipsam asperiores odio accusantium culpa atque totam facilis officiis libero!
Boxed Large
Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi corrupti, aliquam cumque iste saepe itaque quod, voluptatum nihil ullam velit ipsam asperiores odio accusantium culpa atque totam facilis officiis libero!
