Style Guide

An overview of all base components used in Origin.
Typography

The quick brown fox jumps over the lazy dog

Heading 1. / Inter / Bold / 60px

The quick brown fox jumps over the lazy dog

Heading 2. / Inter / Bold / 44px

The quick brown fox jumps over the lazy dog

Heading 3. / Inter / Bold / 37px

The quick brown fox jumps over the lazy dog

Heading 4. / Inter / Bold / 27px
The quick brown fox jumps over the lazy dog
Heading 5. / Inter / Bold / 21px
The quick brown fox jumps over the lazy dog
Heading 6. / Inter / Bold / 17px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim libero elit, sit amet ultricies nisl mollis nec. Vestibulum dapibus magna sit amet magna vestibulum pharetra. Pellentesque cursus tellus a odio dapibus consequat. Nulla suscipit aliquet sem in rutrum. Quisque convallis ex libero, eu aliquam orci tempus scelerisque. Aliquam vitae porttitor nisl. Cras scelerisque eros dui, id gravida metus eleifend et. Nunc erat elit, sodales sed interdum maximus, imperdiet ac sapien. Sed auctor risus ac laoreet faucibus. Integer eu aliquam arcu. Nullam pulvinar arcu diam, vel vehicula mi tincidunt id. Maecenas interdum dolor sapien, at ullamcorper justo commodo sed. Suspendisse imperdiet vehicula risus a fermentum.
Body / Roboto / Normal / 17px
Color Palette
#5944ca
Primary
#4832BBFF
Primary Hover
#575b7f
Secondary
#484b61
Secondary H.
#E60D52
Danger
#111115
Dark
#111115
Section
Buttons