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