Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Normal paragraph
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.
Large paragraph .p-large
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.
Small paragraph .p-small
Mostly used on labels but can be used on text as well
Colors
Buttons
Primary
Bordered
Link
Secondary