Quark Style Guide
01. Colors
Primary Color
#17D2BD
#17D2BD
Body Color
#FFFFFF
#FFFFFF
Heading Color
#FFFFFF
#FFFFFF
Paragraph Color
#B4B4B4
#B4B4B4
BG Black
#02050a
#02050a
BG Light Black
#0a1019
#0a1019
02. All Typographys
Google Font
Font-Family: Inter
Body Typography
Body Typography
Font Size: 16px
Line Height: 32px
Font Weight: 400
Heading Typography
Heading 1
Font Size: 65px
Line Height: 75px
Font Weight:600
Heading 2
Font Size: 48px
Line Height: 58px
Font Weight: 600
Heading 3
Font Size: 22px
Line Height: 32px
Font Weight: 700
Heading 4
Font Size: 20px
Line Height: 30px
Font Weight: 700
Heading 5
Font Size: 18px
Line Height: 28px
Font Weight: 700
Heading 6
Font Size: 16px
Line Height: 26px
Font Weight: 700
Paragraph Typography
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, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Font Size: 16px
Line Height: 32px
Font Weight: 400
04. Section Title Style
Section Subtitle
Section Title
Section Subtitle
Section Title Center
Section Subtitle
Section Title Right
05. Form Style
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
06. List Style
- List Item One
- List Item Two
- List Item Three
07. Block Quote Style
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.