Make it yours.
Distill is built from a few reusable sections. This page lists what to change first. Delete it before you publish.
- Pages
- 14
- CMS collections
- 5
- Breakpoints
- 3
1. Name and colours
Change the studio name in the Nav and Footer components (Brand). Colours live in the code file DistillUI: bg, ink and orange. Fonts are Inter Tight and Instrument Serif.
2. Headlines
Most headings accept *stars* around a word to set it in the serif italic, and a | to force a line break. Select a section on the canvas and edit its controls on the right.
3. CMS
Work, Journal, Team, Roles and Services are CMS collections. Add or edit items in the CMS panel and every list updates, including the case and article pages.
4. Hero art
The glass coil is a pre-rendered video. Swap the Video and Poster URLs on the Hero to use your own loop, or upload a still. The Studio section takes a comma-separated list of frames that it scrubs as the visitor scrolls.
5. Client marks
The client names and marks on the Clients section are fictional. Replace them with real clients only with their permission.
6. Contact form
The form on Contact is a native Framer form. Set where submissions go in the form settings.
7. Before you publish
Replace the legal page, set the site title, description and social image in Site Settings, and delete this page.