Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Body L
This style guide provides comprehensive guidelines and best practices for creating consistent and visually appealing designs. It covers various aspects of typography, color usage, layout principles, and interaction patterns. By following these guidelines, designers and developers can ensure a cohesive and polished user experience across different platforms and devices. Whether you are working on a website, mobile app, or any other digital product, this style guide will serve as a valuable resource to maintain design consistency and elevate the overall quality of your work.
Body M .body-m
For sections that require more in-depth explanation or details, use the medium paragraph style. This allows for a slightly longer text block while still maintaining readability and visual harmony. The medium paragraph style is ideal for providing contextual information, describing complex concepts, or offering step-by-step instructions. It strikes a balance between brevity and elaboration, enabling readers to grasp the essential information without overwhelming them with excessive content.
Body S .body-s
For sections that require more in-depth explanation or details, use the medium paragraph style. This allows for a slightly longer text block while still maintaining readability and visual harmony. The medium paragraph style is ideal for providing contextual information, describing complex concepts, or offering step-by-step instructions. It strikes a balance between brevity and elaboration, enabling readers to grasp the essential information without overwhelming them with excessive content.
Colors
Buttons
Primary
Primary icon
Secondary
Secondary icon
Invert
Invert icon
White icon
Transparent icon no circle
Bordered