Copywriting
All project names, descriptions, and textual narratives within this template are fictional and were developed for demonstration purposes. The copy was generated with the assistance of Gemini to showcase the typographic hierarchy and narrative flow of the layout.
Color
Light Mode
Dark Mode
Primary Text
#101010
#F8F8F8
Secondary Text
#565656
#9C9C9C
Lines
#D9D9D9
#262626
Background
#F8F8F8
#101010
Typography
Headings
Large Desktop
+1920 px
Variable: Light
Font size: 48px
Line height: 110%
Letter spacing: -0.03 Em
Variable: Light
Font size: 56px
Line height: 110%
Letter spacing: -0.03 Em
Desktop
1919 -1200 px
Variable: Light
Font size: 64px
Line height: 110%
Letter spacing: -0.03 Em
Variable: Light
Font size: 48px
Line height: 110%
Letter spacing: -0.03 Em
Tablet
1199 - 810 px
Variable: Light
Font size: 48px
Line height: 110%
Letter spacing: -0.03 Em
Variable: Light
Font size: 36px
Line height: 110%
Letter spacing: -0.03 Em
Phone
-809 px
Variable: Light
Font size: 36px
Line height: 110%
Letter spacing: -0.03 Em
Variable: Light
Font size: 32px
Line height: 110%
Letter spacing: -0.03 Em
Large Text
Large Desktop
+1920 px
Variable: Light
Font size: 28px
Line height: 120%
Letter spacing: 0 Em
Desktop & Tablet
1919 - 810 px
Variable: Light
Font size: 24px
Line height: 120%
Letter spacing: 0 Em
Phone
-809 px
Variable: Light
Font size: 21px
Line height: 120%
Letter spacing: 0 Em
Medium Text
Large Desktop
+1920 px
Medium Text Regular
Variable: Regular
Font size: 18px
Line height: 140%
Letter spacing: 0 Em
Medium Text Medium
Variable: Medium
Font size: 18px
Line height: 140%
Letter spacing: 0 Em
Desktop & Tablet & Phone
-1919 px
Variable: Regular
Font size: 16px
Line height: 140%
Letter spacing: 0 Em
Medium Text Medium
Variable: Medium
Font size: 16px
Line height: 140%
Letter spacing: 0 Em
Small Text
Large Desktop
+1920 px
Variable: Regular
Font size: 16px
Line height: 130%
Letter spacing: 0 Em
Desktop & Tablet
1919 - 810 px
Variable: Regular
Font size: 14px
Line height: 130%
Letter spacing: 0 Em
Phone
-809 px
Variable: Regular
Font size: 12px
Line height: 130%
Letter spacing: 0 Em
Button Text
Large Desktop
+1920 px
Button Text Regular
Variable: Regular
Font size: 18px
Line height: 140%
Letter spacing: 0 Em
Button Text Medium
Variable: Medium
Font size: 18px
Line height: 140%
Letter spacing: 0 Em
Desktop & Tablet & Phone
-1919 px
Variable: Regular
Font size: 16px
Line height: 140%
Letter spacing: 0 Em
Button Text Medium
Variable: Medium
Font size: 16px
Line height: 140%
Letter spacing: 0 Em
Imagery
All visual assets and photographs in this template were generated using artificial intelligence with Gemini and Nano Banana directly within Figma. These images are provided for demonstration purposes to showcase the layout, grid systems, and artistic direction.
Iconography
All icons and navigational elements used throughout the project, were custom-designed within Figma and Framer for this specific template. These assets are vector-based and included as part of the template license.
External Components
This project leverages specialized logic and interactive assets from the Framer University to provide a high-end, seamless user experience.
A special thanks to Nandi, the lead creator at Framer University, for the expert-level components integrated into this template.