TEMPLATE GUIDE

Getting started with Corelith

Everything you need to make this template yours in about fifteen minutes.

01

Brand

Open Assets → Colors. Twelve tokens drive the site; each has a light and dark value. Change Azurite to recolour every button, link and chart.

02

Typography

Bricolage Grotesque handles headlines, IBM Plex Sans the body and IBM Plex Mono the labels. Swap families in Assets → Text Styles.

03

Dark mode

The toggle in the navigation switches every token and animates a circular reveal from the toggle. Visitors’ choices are remembered.

04

Ask Demo

The interactive product demo is a code component. Edit its colours, radius and pause time in the right panel, or the questions inside AskDemo.tsx.

05

CMS

Integrations, Customers, Changelog, Blog and Jobs are CMS collections with detail pages. Add an item and it appears everywhere it is listed.

06

Pricing

Pricing Plans is a component with Monthly and Annually variants. Edit prices in each variant; the toggle switches between them.

07

Forms

Contact, demo and auth forms submit to Framer Forms. Connect email or a webhook in the form settings.

08

Launch

Set the site title, description, social image and favicon in Site Settings, connect your domain and publish.

Create a free website with Framer, the website builder loved by startups, designers and agencies.