Design System

Colors

#66E2DC
RGB102, 226, 220
HSL177°, 68%, 64%
#FA7453
RGB250, 116, 83
HSL12°, 94%, 65%
#FFB964
RGB255, 185, 100
HSL33°, 100%, 70%
#FCFAF9
RGB252, 250, 249
HSL20°, 33%, 98%
#191826
RGB25, 24, 38
HSL244°, 23%, 12%

Typography

H1IBM Plex Sans Bold88px88px Line-1 Spacing

Lorem Ipsum Dolor Sit

H2IBM Plex Sans Bold40px52px Line

Donec nec justo eget felis facilisis fermentum

Body 1IBM Plex Sans Reg20px34px Line

Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.

Body 2IBM Plex Sans Reg16px26px Line

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

Buttons

iOS Download Button Default

iOS Download Button Hover

Android Download Button Default

Android Download Button Hover