Make it yours in six steps

1. Change the name and color

Edit the Relay wordmark in the Nav component. Change the accent color style once and every button, link and tag follows.

2. Replace the demo copy

Every page carries a demo note at the top. Delete the DemoNote component from the Nav when you are done.

3. Set your prices

Edit the PricingTier variants and the numbers in the Calculator component.

4. Fill the collections

Changelog and Blog are CMS collections. Delete the sample rows and add your own.

5. Ask the agent for a new page

Type /new-page in the Framer agent chat and describe the page. The skill reuses these styles and components.

6. Check three widths

Preview at desktop, tablet (810) and phone (390). Nothing should scroll sideways.