Clone the design language of this landing page and build a fresh equivalent.
Visual feel: material-you. Tone: neutral · Headings: Sentence case · CTA verbs: [object Object], [object Object], [object Object], [object Object], [object Object], [object Object]
Primary palette: #ffffff, #f0f6fc, #000000, #8dd6ff, #9198a1.
Typography: [object Object], [object Object], [object Object].
Corner radius vocabulary: 3, 6, 12, 16, 24, 48.
Shadow vocabulary: rgba(209, 217, 224, 0.25) 0px 0px 0px 1px, rgba(37, 41, 46, 0.04) 0px 6px 12px -3px, rgba(37, 41, 46, 0.12) 0px 6px 18px 0px | rgba(209, 217, 224, 0) 0px 0px 0px 1px, rgba(37, 41, 46, 0.24) 0px 40px 80px 0px | rgba(255, 255, 255, 0) 0px 0px 0px 1px inset.
Use: Use Bootstrap 5 utility classes. Customize via CSS variables.
Page structure:
- cta — heading: "Navigation Menu"
- feature-grid — heading: "The future of building happens together"
- hero — heading: "The future of building happens together"
- hero — heading: "The future of building happens together"
- cta
- testimonials — heading: "Accelerate your entire workflow"
- pricing — heading: "Work together, achieve more"
- testimonials — heading: "From startups to enterprises, GitHub scales with teams of any size in any indust"
- cta — heading: "Millions of developers and businesses call GitHub home"
- cta — heading: "Millions of developers and businesses call GitHub home"
- cta
- footer — heading: "Site-wide Links"