# Design brief
Page type: **landing**.
Material language: **material-you**.
Voice: Tone: friendly · Headings: Title Case · CTA verbs: [object Object], [object Object], [object Object], [object Object], [object Object], [object Object].
## Tokens
```ts
export const tokens = {
  colors: ['#000000', '#1d1d1f', '#2997ff', '#333336', '#f5f5f7', '#0066cc', '#6e6e73', '#fafafc', '#0071e3', '#e8e8ed', '#d2d2d7', '#140a12', '#9fc6f4', '#ea33c0'],
  fonts: ['[object Object]', '[object Object]', '[object Object]'],
  radii: ['5', '8', '11', '50', '980', '999'],
  shadows: ['rgba(0, 0, 0, 0.22) 3px 5px 30px 0px'],
};
```
## Sections
- sidebar
- sidebar
- steps — heading: "iPhone"
- hero — heading: "iPhone"
- cta — heading: "Apple for College"
- gallery — heading: "Endless entertainment."
- footer — heading: "Apple Footer"
- feature-grid