Style Guide
Fonts
Aa
Poppins
700 Bold Text
300 Light Text
Colors
Primary color
#9d9d9d
Secondary Dark color
#0e1a49
Secondary Light color
#1574d3
Pink Color
#e04a72
Black Color
#0c0f12
Headings
48px
Heading 1
Lorem ipsum dolor
40px
Heading 2
Lorem ipsum dolor
28px
Heading 3
Lorem ipsum dolor
20px
Heading 4
Lorem ipsum dolor
16px
Heading 5
Lorem ipsum dolor
14px
Heading 6
Lorem ipsum dolor
Paragraphs
16px
Paragraphs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla.
14px
Small Paragraphs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla.
Text Block
20px
Text Block
This is some text inside of a div block.
16px
Text Block
This is some text inside of a div block.
14px
Text Block
This is some text inside of a div block.
12px
Text Block
This is some text inside of a div block.
Form
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Rich Text
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C