[ Template guide ]
How to edit SOLUM
Everything you need to customise colours, type, content, CMS, forms and animations — no code required.
01
Start here
Thank you for using SOLUM. This page explains how to make the template your own in a few minutes. Delete this page from the Pages panel (and the “Template guide” footer link) before you publish your site.
— Pages: Home, Collection, Piece (CMS), Studio, Journal, Article (CMS), Contact, Privacy, Terms and 404.
02
Colours and fonts
All colours are saved as Color Styles (Charcoal, Graphite, Concrete, Paper, Ivory, Stone, Ash, Moss and two line colours). Change one style and every section updates.
All text uses Text Styles: Display/XL, Heading/H2–H4, Body/Lead, Body/Base, Body/Small, Label/Medium and Label/Small. Fonts are Newsreader and Geist (Google Fonts). Edit a style in the Assets panel to change the typography site-wide.
03
Editing text and images
Double-click any text on the canvas to edit it. To replace an image, select the image layer and choose a new file in the Fill property. Every image already has alt text; update it when you change the photo.
— Large headings and section titles use “Appear” and “Text” effects. They stay in place when you edit the copy.
04
Managing pieces (CMS)
Open CMS → Pieces to add, edit or remove furniture. Each item has a name, category (Seating, Tables, Storage or Lighting), material, year, number, image, summary, dimensions, lead time, a Featured switch and a rich-text description.
— Turn on Featured to show a piece in the sticky “Selected pieces” cards on the home page (up to four).
— Every piece automatically gets its own page at /pieces/name, and appears in the home index and the Collection page under its category.
05
Writing the journal (CMS)
Open CMS → Journal to write stories. Each article has a title, date, category, read time, cover image, excerpt and body. The newest article is featured at the top of the Journal page.
06
Contact form
The enquiry form on Home and Contact uses Framer Forms. Submissions appear in the form’s settings panel and can be sent to your email, or to tools such as Google Sheets, Notion or HubSpot.
— The Submit Button component has Default, Hover, Loading, Success and Error states.
07
Header, footer and links
The header and footer live in the “Main Layout” layout template, so they appear on every page. Edit them once in the Layout Templates section.
— The Header component has Desktop, Compact and Compact Open variants for the mobile menu. Update its links in the component.
08
Components
Reusable components keep the design consistent: Header, Arrow Link, Piece Card, Index Row, Journal Card, Journey Card, Discipline Row, Founder Card, FAQ Item, Submit Button and Cursor/View. Change a component once and every instance updates.
09
Animations
Animations are built with Framer’s native effects: appear and text reveals, parallax on images, sticky cards, a scroll-pinned horizontal track, hover states and a custom cursor. Select a layer and open Effects in the right panel to adjust or remove an animation.
— Visitors who prefer reduced motion get calmer animations automatically.
10
SEO and publishing
Set your site title, description, favicon and social image in Site Settings → General. Each page and CMS template already has its own title and description.
When you are ready, press Publish and connect your custom domain in Site Settings → Domains.
11
Image credits
Photography is from Unsplash and is free to use under the Unsplash License. Replace it with your own photography for the best result.