Select { -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 5px; border: 1px solid #dfdfdf; border-radius: 2px; margin-right: 2rem; padding: 1rem; padding-right: 2rem; }
Grey 50
#F1F2F3

Grey 100

#DCDDE0

Grey 200

#BBBDC3

Grey 300

#93969F

Grey 400

#787B87

Grey 500

#6C6F7A

Grey 600

#53565F

Grey 700

#333439

Grey 800

#202227

Grey 900

#0F1119

Blue 50

#ACE5E7

Blue 100

#8CDCDE

Blue 200

#6CD2D5

Blue 300

#4CC8CC

Blue 400

#35B6BB

Blue 500

#2C989C

Blue 600

#23787B

Blue 700

#1A595B

Blue 800

#113A3C

Blue 900

#081B1C

Heading

Heading

Heading

Heading

Heading

Heading

Heading
Heading

Paragraph - Small

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.

Paragraph - Large

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.

Buttons

DownloadButton TextButton Text
Button TextButton TextButton Text
Button TextButton TextButton Text
Get it On
Google Play
Get it On
App Store
Text Link