Colors

Colors
Background colors
Grey colors
Decor

Typography

Typography

Fonts

Poppins

Normal - 400

Medium - 500

Semibold - 600

Bold - 700

Styles

d1 - display/d1 - 72 - Bold


d2 - display/d2 - 64 - Bold


h1 - headline/h1 - 54 - SemiBold


h2 - Heading 2


h3 - Heading 3


h4 - Heading 4


h5 - Heading 5

h6 - Heading 6

Sub headline


Title



Body large


Body small


Button large


Button small


Chip


Caption


Inline-Link, Poppins, Regular, 16/24px


Body, Poppins, Regular, 16/24px. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, nibh pellentesque vestibulum mattis, lacus tortor posuere nulla, vel sagittis risus mauris ac tortor. Vestibulum et lacus a tellus sodales iaculis id vel dui. Etiam euismod lacus ornare risus egestas dignissim. Fusce mattis justo vitae congue varius. Suspendisse auctor dapibus ornare. Praesent venenatis lacus a sem interdum tempor et vitae magna. Aenean vel consectetur odio. Curabitur malesuada scelerisque massa varius volutpat.


Small Text, Poppins, Regular, 14/24px. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, nibh pellentesque vestibulum mattis, lacus tortor posuere nulla, vel sagittis risus mauris ac tortor. Vestibulum et lacus a tellus sodales iaculis id vel dui. Etiam euismod lacus ornare risus egestas dignissim. Fusce mattis justo vitae congue varius. Suspendisse auctor dapibus ornare. Praesent venenatis lacus a sem interdum tempor et vitae magna. Aenean vel consectetur odio. Curabitur malesuada scelerisque massa varius volutpat.


Button & UI Elements

Header Navigation - Primary Link


Collections Products

Footer Navigation Link


Primary Button


Blue Button


Pink Button