style guide
Style Guide
The MotionGenie Style Guide contains all global styles, utility classes, and reusable components to ensure consistent and scalable design across the template.
Typography
H1
Size : 4rem
H2
Size : 3.375rem
H3
Size : 2.25
T - 64px
Size : 4 rem
T - 54px
Size : 3.375rem
T - 36px
Size : 2.25rem
T - 28px
Size : 1.75rem
T - 24px
Size : 1.5rem
T - 22px
Size : 1.375rem
T - 20px
Size : 1.25rem
T - 18px
Size : 1.125rem
T - 16px
Size : 1rem
T - 14px
Size : 0.875rem
Designed to attract and convert, this AI 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
Color
White
#d9d9d9
#f5f0e8
#fefaf3
#211e1d
#2f2c25
#eee5f3
#ffecdf
#e5f3e5
#e8e8ff
#675433
#ebe1ce
rgba(7, 111, 255, 0.74)
#a9f2ff
#ff6200
#ffb47e
rgba(33, 29, 29, 0.1)
