Start here

Make Forelight yours in an afternoon.

Five steps, in the order that saves the most rework. Do them top to bottom.

Setup

Five steps from remix to launch.

Open Assets, then Colour. Change Primary to your brand colour, then match the Glow pair so the hero light follows.

Open Assets, then Colour. Change Primary to your brand colour, then match the Glow pair so the hero light follows.

Edit the font on the Heading and Body text styles. Sizes, tracking and line height are already set per breakpoint.

Edit the font on the Heading and Body text styles. Sizes, tracking and line height are already set per breakpoint.

Copy sections from the home page in this order: promise, proof, features, process, results, pricing, questions, call to action.

Copy sections from the home page in this order: promise, proof, features, process, results, pricing, questions, call to action.

Give every section heading a benefit, not a label. Keep one H1 per page and use the properties on each component.

Give every section heading a benefit, not a label. Keep one H1 per page and use the properties on each component.

Run the checklist below at 1440 and 320 pixels, set a title and description on every page, then publish.

Run the checklist below at 1440 and 320 pixels, set a title and description on every page, then publish.

Before you publish

Ten checks that cover search, accessibility and small screens.

Each page has exactly one H1, and headings do not skip levels.

Every page has its own title, 50 to 60 characters, and a description, 140 to 160 characters.

Favicon, Apple icon and a 1200 by 630 share image are set for every page.

Every content image has alt text. Decorative images are left empty.

Link and button text says where it goes. No bare “click here”.

Text still clears 4.5 to 1 contrast after your colour changes.

The page reads well at 320 pixels wide with no sideways scroll.

Every form field has a visible label, and errors are written in words.

The menu, accordions and forms work with the keyboard alone.

Sample content is gone: testimonials, prices and placeholder names.

Framer agent

Forelight ships with six agent skills. Open the agent chat, type a slash command, then describe what you want.

/personalize Rebrand this for my company, Northgate, with a teal accent.

/add-page Create an About page with our story, three stats and the team.

/add-post Write a post about closing the books faster.

/pre-publish-check Review the whole site and list what fails.

/design-system Add a Careers section that matches the home page.

/brand-assets Update the favicon and share images for our new name.