How to make Forum yours

Everything you can change in a few minutes, from the paintings to the prices.

1. Swap the paintings

Each painted scene is a Painted Scene layer (hero, page headers, sunset band, footer) or part of a product card (aqueduct, Trevi, mosaic, Pantheon, Spanish Steps, Forum). Select it and pick a new image under Painting in the right panel. Focus keeps the important part in view on small screens, Depth sets how far it moves with the pointer, and Gulls turns the flying birds on or off.

The Home hero has a separate foreground layer of trees for depth. If you use your own image, turn Front layer off or upload a matching cut-out.

2. Colours and fonts

Open Assets to change the colour styles (Ink, Slate, Paper, Terra and the rest) and every page updates. Headings use DM Serif Display and text uses Figtree through the text styles. The product cards read the same two fonts.

3. Product cards

The dashboard, invoice pipeline, invoice builder, integrations mosaic, security panel, pricing steps, comparison table and customer quotes are code components in Forum.tsx and Forum2.tsx. Their numbers and words sit at the top of each file in plain lists, so you can edit names, prices and features without touching the layout.

4. Blog

Posts live in the Posts collection in the CMS. Add a title, date, topic, summary, image, read time and body, and the blog and post pages update on their own.

5. Navigation, footer and buttons

Navigation has Desktop, Desktop Company, Phone and Phone Open variants. The Company page uses the Desktop Company variant so its audience switch is highlighted. Footer, Button (Ink, Outline, Paper, Glass), FAQ Item and Submit Button are components you can restyle once.

6. Motion

Motion comes from Motion Styles in the Main layout template and from code overrides on layers. To remove motion from a layer, clear its code override. Everything shows its finished state if motion is off.

7. Before you publish

Update the email and phone on the Contact page, the form destination, the footer links and the page titles and descriptions in each page’s settings. Remove this page when you are done.