Style Guide

Welcome to our style guide—an all-inclusive resource designed to aid in the integration of essential design elements into your platform. These guidelines are crafted to maintain a consistent and delightful user experience across diverse platforms.

Within this guide, you'll find valuable insights into typography, colors, and the appropriate usage of key design elements. Our goal is to empower you to seamlessly incorporate these elements, ensuring a unified and engaging representation for your users.

By following these guidelines, you'll contribute to delivering a seamless and captivating user experience, regardless of where users engage with your platform.

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Base Text

Small Text

Extra Small Text

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Colors

Primary

Primary
9747FF
Primary Hover
9330F7
Primary Active
B485FF
Primary Disabled
E0E0E0
Primary Dark
390B6A

Primary Color Scale

50
f7f2ff
100
efe8ff
200
e1d4ff
300
ccb1ff
400
b485ff
500
9747ff
600
9330f7
700
851ee3
800
6f18bf
900
5b169c
950
390b6a

Secondary

Secondary
E05380
Secondary Hover
AB255A
Secondary Active
EB81A0
Secondary Disabled
E0E0E0
Secondary Dark
440D24

Secondary Color Scale

50
fdf3f4
100
fce7ec
200
f8d3dc
300
f4b5c6
400
eb81a0
500
e05380
600
cb336a
700
ab255a
800
8f2250
900
7b2049
950
440d24

Information

Danger
E50000
Warning
E5DC00
Announcement
E58F00
Tip
00A6E5
Success
00E55C