# Design brief
Page type: **landing**.
Material language: **material-you**.
Voice: Tone: neutral · Headings: Sentence case · CTA verbs: [object Object], [object Object], [object Object], [object Object], [object Object], [object Object].
## Tokens
```ts
export const tokens = {
  colors: ['#ffffff', '#f0f6fc', '#000000', '#8dd6ff', '#9198a1', '#1f2328', '#58635b', '#59636e', '#a4aea6', '#d1d9e0', '#5fed83', '#d1242f', '#f85149', '#0d1117'],
  fonts: ['[object Object]', '[object Object]', '[object Object]'],
  radii: ['3', '6', '12', '16', '24', '48'],
  shadows: ['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'],
};
```
## Sections
- 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"
## Library

Use Bootstrap 5 utility classes. Customize via CSS variables.