September 2024
B2B Rocks
September 25th - 26th
Paris, France
Logos
Colors
Brand
Primary dark#663333
Primary#DF285B
Primary light#FFEDF2
Secondary#2B1887
Tertiary#FFFFFF
Neutral
Medium dark#67646D
Medium light#EFEFEF
White#FFFFFF
Light#F8F8F8
Black#000000
Dark#7F2A97
Medium#D9D9D9
Content
Body text#404040
Headlines#1F1F1F
Error#DB0000
Accent#525252
Headlines on dark#FFFFFF
Accent on dark#525252
Error on dark#DB0000
Body text on dark#FFFFFF
Interactions
Hover#DF285B
Visited#8A2BE2
Links#DF285B
Hover on dark#5C9FFF
Links on dark#FFFFFF
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!