Template

Instructions

Step 1

Update variables

Start by customizing global colors, fonts, theming and font sizing using variables. This ensures all styles update site-wide, keeping your design consistent with minimal effort. To do this, access the variables in the menu on the left. Work through the different variables, updating everything needed to match your brand.

Step 2

Customize pages

Each page is built with modular section components.

Add or remove sections based on your needs
Maintain a structured and visually consistent layout
Keep editing simple by working within predefined sections
Step 3

Update content

Easily update text, images and styling properties directly from component settings. No need to adjust individual elements – just tweak properties for instant updates.

Select a section component on the canvas
Access properties in the right-side panel
Update text, images, styling and layout properties in one place
Step 4

Building new pages

Use the Page Template as your starting point
Add any section components needed
Update content using component properties
Step 5

Component slots

Some components include slots. Slots make it easy to mix and match smaller components within larger sections, giving you more flexibility while maintaining consistency. For example:

The Layout / 4-Column section has an empty grid
Populate it with components like icon cards
Edit each instance to fit your content