Design System

01 colors

#0B0D17

RGB 11, 13, 23

HSL 230°, 35%, 7%

#D0D6F9

RGB 208, 214, 249

HSL 231°, 77%, 90%

#FFFFFF

RGB 255, 255, 255

HSL 0°, 0%, 100%

02 Typography

Heading 1 - Bellefair Regular - 150px

Earth

Heading 2 - Bellefair Regular - 100px

Venus

Heading 3 - Bellefair Regular - 56px

Jupiter & Saturn

Heading 4 - Bellefair Regular - 32px

Uranus, Neptune & Pluto

Heading 5 - Barlow Condensed Regular - 28px - 4.75 Character Space

So, you want to travel to space

Subheading 1 - Bellefair Regular - 28px

384,400 km

Subheading 2 - Barlow Condensed Regular - 14px - 2.35 Character Space

AVG. DISTANCE

Nav Text - Barlow Condensed Regular - 16px - 2.7 Character Space

EUROPA

Body Text

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.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.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.

03 Interactive Elements

Explore