Style Guide
A clear visual system that keeps every design element consistent and cohesive. It defines typography, colors, spacing, buttons, icons, and reusable components.
Typography
A consistent typography system that creates clear hierarchy and improves readability. It defines fonts, sizes, weights, line heights, and text styles across the design.
Display 2
60px
Default
Mid
Strong
Display 3
40px
Default
Mid
Strong
Display 4
30px
Default
Mid
Strong
Display 5
24px
Default
Mid
Strong
Display 6
22px
Default
Mid
Strong
Paragraph
18px
Default
Mid
Strong
Default Paragraph
16px
Default
Mid
Strong
Small Paragraph
14px
Default
Mid
Strong
Color
A balanced color system that creates visual consistency and strengthens brand identity. It defines primary, secondary, accent, and background colors for every interface element.