Style Guide
01. LAyout Structure
Page Wrapper
Main Wrapper
Container Small
Container Medium
Container Large
Padding Global
Padding Section Small
Padding Section Medium
Section Padding Large
02. Typography
Font
Poppins
Heading 1
Heading 1
Bold, 56/120%
Heading 2
Heading 2
Bold, 46/120%
Heading 3
Heading 3
Bold, 36/120%
Heading 4
Heading 4
Bold, 24/120%
Heading 5
Heading 5
Bold, 20/120%
Heading 6
Heading 6
Bold, 18/120%
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
Body Text, 16/150%
Text Large
Large, 24/150%
Text Medium
Medium, 20/150%
Text Medium S
Medium S, 18/150%
Text Regular
Regular, 16/150%
Text Small
Small, 14/150%
Text Tiny
Tiny, 12/150%
- Lorem Ipsum is simply dummy text
- Lorem Ipsum is simply dummy text
- Lorem Ipsum is simply dummy text
- Lorem Ipsum is simply dummy text
- Lorem Ipsum is simply dummy text
- Lorem Ipsum is simply dummy text
List Item, 16/150%
Block Quote
Block Quote, 18/150%
Text Link
Text Link, 16/150%
03. Figure
05. Forms
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.