How to make it yours

Everything you need to change the name, the photographs, the residences and the forms. Delete this page before you publish.

The practice name

The demo practice is Long Shadow Architects. The name appears in the Site nav component (Wordmark), the Home hero (the LONG and SHADOW rows, which split at the centre column), the Site footer component (statement, copyright and the concrete wordmark image) and the page titles in Site settings. Search the layers panel for Long or Shadow.

The split wordmark

The hero name is two text layers on two rows. Row LONG is right-aligned in the left column and Row SHADOW is left-aligned in the right column, so the two words meet at the column line. Change the column widths (39fr / 61fr) if your words are a different length.

The hero film

The Shadow clock plate is a code component with Video, Poster, Focus, Darken and Open on load controls. Upload an MP4 under 3 MB and a poster frame. The poster is the first paint; the video fades in only when it is playing. The phone breakpoint can use its own crop.

The selenium grade

Every photograph uses one grade: a red-filter black and white mix mapped to warm black, neutral grey and bone. The LUT (monument-selenium.cube) is included with the template; apply it in Lightroom, Photoshop or DaVinci before you upload, and every new image will match.

Colours and type

Six colour styles: Basalt, Graphite, Bone, Ash, Rule and Sodium. Sodium is the one accent; use it for a single word per page. Type is Archivo (hairline caps for titles) and Geist Mono (captions and plate numbers).

CMS

Works, Residences, People, Journal and Questions drive the Home page, the list pages and the detail pages. Residences have a Floor plan image, a Price (text, so you can write On request) and a Status.

Materials library

The Material strip on Home is a code component with four materials. Each has a name, code, specification, where it was used, a graded photo and a colour photo, the only colour on the site.

Chapter bar

The fixed bar at the bottom of Home follows sections with the ids practice, works, materials, residences and contact. Rename chapters in its controls; keep the section ids in sync.

Forms

The spatial brief on Contact is a native Framer form. Choose where submissions go in the form settings. The Submit Button has Default, Hover, Pending, Success and Error states.