Style Guide
Style Guide
The Lucen-Template Style Guide contains all global styles, utility classes, and reusable components to ensure consistent and scalable design across the template.
Typography
H1
Size : 3.75rem
H2
Size : 3rem
H3
Size : 2.25rem
60Px
Size : 3.75rem
T 36Px
Size : 2.25rem
T 32Px
Size : 2rem
T 28Px
Size : 1.75rem
T 24Px
Size : 1.5rem
T 20Px
Size : 1.25rem
T 20Px
Size : 1.25rem
T 20Px
Size : 1.25rem
T 18Px Regular
Size : 1.125rem
T 18Px Regular
Size : 1.125rem
T 16Px Medium
Size : 1rem
T 16Px Regular
Size : 1rem
Designed to attract and convert, this Fintech SaaS template highlights your product.
Size : 1rem
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.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
Colors
White
#151515
#505050
#898989
#c4c4c4
#e7e7e7
#f0f0f0
#e8e8e8
#f3f3f3
#f3f3f3
#f07e03
rgba(245, 162, 63, 0.15)
#eef4ff
#f7f4fe
#fce7ce
#f0e3ff
#e0ecff
#d9fff0
#ddd
#b43207
#07b424
#dee
#fce7ce
#eed9ff
#fff8f0
#eef5ff
