Menu
Template guide — hidden from search
Edit me
Edit me
Edit me
Everything you need to make this portfolio yours in an afternoon.
Everything you need to make this portfolio yours in an afternoon.
01
Your name and line
Your name and line
Home › Hero. Edit the two text layers. The name scales to fit the row.
Home › Hero. Edit the two text layers. The name scales to fit the row.
02
The index
The index
Select the Folding Index component. In Projects, set a title, discipline, deliverable, year, image, crop and link for each row. Crop is the shape the preview takes on hover.
Select the Folding Index component. In Projects, set a title, discipline, deliverable, year, image, crop and link for each row. Crop is the shape the preview takes on hover.
03
Project pages
Project pages
CMS › Projects holds the detail pages at /work/slug. Keep each slug equal to the index link, for example /work/kindling.
CMS › Projects holds the detail pages at /work/slug. Keep each slug equal to the index link, for example /work/kindling.
04
Featured project
Featured project
Home › Featured. Swap the image on the Feature Reveal component and set its start crop to match the project.
Home › Featured. Swap the image on the Feature Reveal component and set its start crop to match the project.
05
Notes
Notes
CMS › Notes. Add a title, date, category, summary, cover and body. The three newest appear on Home.
CMS › Notes. Add a title, date, category, summary, cover and body. The three newest appear on Home.
06
Colours and type
Colours and type
Assets › Colors: Paper, Ink, Mute, Line, Faded, Accent. Type is Albert Sans with Sometype Mono, both from Google Fonts. Code components read the same values from OLCore.
Assets › Colors: Paper, Ink, Mute, Line, Faded, Accent. Type is Albert Sans with Sometype Mono, both from Google Fonts. Code components read the same values from OLCore.
07
Contact
Contact
The form on /contact sends to Framer forms; connect your inbox under Site Settings › Forms. Change the email in the Footer sign-off and on the Contact page.
The form on /contact sends to Framer forms; connect your inbox under Site Settings › Forms. Change the email in the Footer sign-off and on the Contact page.
08
Clock
Clock
The Local Time component takes any IANA time zone, for example Europe/Copenhagen or America/New_York.
The Local Time component takes any IANA time zone, for example Europe/Copenhagen or America/New_York.