Edit me
Make it yours
Plain Framer layers, two CMS collections and a handful of styles. No code anywhere.
01
Your name and photo
The big name on Home is two text layers, Lena and Horak, with a portrait pill between them. Double-click to type your own name.
Select Image inside Portrait and pick your photo in Fill. A face crop around 16:10 fits the pill best.
02
Projects
CMS › Projects. Each project has a Title, Summary, Category, Year, Client, Role, a Cover (4:3), three Gallery images and Content. Order sets the order everywhere.
Every project gets its own case study page automatically. Home shows the first four.
03
The moving cover row
The row of covers under the intro is a Framer ticker. Swap each cover’s image in Fill and its link in the Link panel. Speed and pause-on-hover are on the Covers frame, under Effects › Ticker.
04
Experience
CMS › Experience holds the roles on the About page: Role, Studio, Years and Order.
05
Email and links
Replace hello@example.com with your own email in the Navigation, the contact sections, the Contact page and the Footer. Social links live in the Footer component.
06
Forms
The Contact form sends to Framer form submissions. Select the form to send entries to email, Google Sheets or a webhook.
The Submit Button has five states: Default, Pending, Success, Error and Incomplete. Its label is a control.
07
Colours and fonts
Colours are colour styles. Change Accent once and every button, dot and highlight follows.
Type is Inter Tight with JetBrains Mono for small labels. Both are free fonts built into Framer.
08
Before you publish
Adapt the Legal page, and set your site title, description and social image in Site Settings.