Style Guide
Our style guide defines the visual language of RiteFlow—covering typography, colors, icons, and spacing to ensure consistency across all design elements.
Color
Color Primary
4F46E5
Color Secondary
06B6D4
Light Purple
#A78BFA
Milk White
FBFBFB
Text Gradient
F8F8F8
7670DE
Primary Gradient
7D76FF
2F27B1
Typography
Style
Size
Weight
Line Height
H1
80px
Semibold
1.13 Em
H2
64px
Semibold
1.125em
H3
51px
Semibold
1.17em
H4
40px
Semibold
1.25em
H5
32px
Medium
1.31em
H6
25px
Regular
1.36em
Text XLL
20px
Regular
1.6em
Text XL
18px
Regular
1.66em
Text Lg
16px
Regular
1.62em
Text Md
14px
Regular
1.57em
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Green building practices not only reduce environmental impact but also contribute to healthier living spaces. Green building practices not only reduce environmental impact but also contribute
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text