Template guide

Make Dominion yours

Everything below is editable in a few minutes. This page is hidden from search engines.

01

01

Change the name

Select the Hero monolith on Home and edit Name. The letters split around the slab on their own. Do the same on the Footer monolith inside the Footer component.

02

02

Swap the slab and the floor

Hero monolith → Slab image takes any photo. Turn Mono slab off to keep its colour. Floor image takes any seamless texture; Panel size sets the scale.

03

03

Recolour the sky

Sky top, Sky, Horizon glow and Reflection set the light. Letters sets the wordmark colour. Colour styles (Ink, Bone, Red) drive the rest of the site.

04

04

Edit the walk-in statement

Hero monolith → Statement and Kicker. Use Preview scroll on the canvas to see it carved into the slab.

05

05

Projects, services and quotes

All live in the CMS: Projects, Services and Testimonials. Mark a project as Featured to show it on Home. Order sets the sequence.

06

06

Motion

Motion comes from code overrides in Motion.tsx (withReveal, withStagger, withSkyline, withTower, withHScroll). Remove an override to keep an element still.

07

07

Fonts

Big Shoulders for the wordmark and numbers, Archivo for headings and text, JetBrains Mono for labels. Change them in Text styles.

08

08

Contact form

The form on Contact sends to your Framer form inbox. Add an email address or a webhook in the form settings.

Credits

Photography from Unsplash (Unsplash Licence). The concrete floor texture is made from Unsplash photos. Fonts from Google Fonts (SIL Open Font Licence). Swap every image before you publish.

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