Color Palette
-
Blush Pink
#f05183
-
Paradise Pink
#f23b74
-
Watermelon Pink
#f05183
-
Piggy Pink
#fde8ee
-
Imperial Purple
#5e2b70
-
Dark Purple
#3c1b47
-
Dark Charcoal
#333333
-
Black
#000000
-
Eerie Black
#262626
-
Bright Gray
#f7f7f7
Typography
Explore the typography options. (Section optional - Ensure the typography aligns with the style guide and complements the brand’s visual identity.)
Mouse Memoirs/Regular(Heading)
Class name - font-type-heading
Select and use the heading font consistently. (Section optional - Ensure the heading font aligns with the brand’s typography guidelines and enhances readability and visual hierarchy.)
Poppins/Regular(Body)
Class name -font-type-body
Choose and apply the paragraph font consistently. (Section optional - Ensure the paragraph font aligns with the brand’s typography guidelines and supports readability and overall design coherence.)
Heading Font Sizes (Desktop & Mobile):
| Element | Desktop Font Size | Mobile Font Size | Reference |
| h1, .h1 , heading | 56px | 40px | Heading |
| h2, .h2 , main-heading | 33px | 21px | Heading |
| h3, .h3 , sub-heading | 23px | 18px | Heading |
| h5, .h5 , font-size-14 | 14px | 12px | Heading |
| h6, .h6 , font-size-12 | 12px | 12px | Heading |
Body Text Sizes: (Desktop & Mobile)
| Element | Desktop Font Size | Mobile Font Size | Reference |
| Paragraph - p | 14px | 14px | Body |
| Button | 16px | 16px | Body |
| Link | 16px , 14px | 14px | Body |
| span | 14px | 14px | Body |