Primary Color Palette
Primary
#5c068c
Secondary
#d7c6e6
black
#000000
White
#ffffff
Color Tints
Secondary Color Palette
Dark Green
#006341
lightgreen
#a4d65e
babypink
#F891a5
tealblue
#9CDBD9
lightpurple
#D7B9E4
limeyellow
#F0E991
Typography
Aa
din-2014
- Light
- Regular
- Semi Bold
- Bold
Aa
Rockstar
- Regular
H1 display
The quick brown fox jumps over the lazy dog.
H1
The quick brown fox jumps over the lazy dog.
H2
The quick brown fox jumps over the lazy dog.
H3
The quick brown fox jumps over the lazy dog.
H4
The quick brown fox jumps over the lazy dog.
H5
The quick brown fox jumps over the lazy dog.
H6
The quick brown fox jumps over the lazy dog.
Paragraph
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.
Paragraph Text link
Normal Button
-
btn btn-primary
Shop Now -
btn btn-secondary
Add to bag -
btn btn-outline btn-sm
- Noraml Button
- Font: din-2014
- Font Weight: 600
- Font Size: 17px
- Letter Spacing: 0.025em
- Line Height: 19px
- Padding Left & Right: 32px
- Padding Top Bottom: 16px
- Button Border-radius: 8px
Large Button
- Large Button
- Font Size: 17px
- Padding Left & Right: 34px
- Padding Top Bottom: 18px
btn-link
Shop NowSold out
Sold out