How to use the Cloneable?

Basic Steps

After cloning the S2 Framework to your Webflow account, you may follow these steps:

1. Set up your Homepage

   1. Make the page Home your homepage.

   2. Delete the S2 Framework Cover page.

   3. Remove the DELETE-ME section on your new homepage.

2. Configure the Variables

   • Set up the colors of your Palettes in the Variables panel.

   • Configure other variables, such as Font Family.

3. Start building!

   • Add the Page Template component to your Home, or use the New Page Template to create a new page.

   • Unlink the Page Template component instance and begin building.

Do I have to update the design on the Page Template first?

Designing a full page directly inside a component can be inconvenient.

Instead, you can start by building your layout outside the component. Once everything is more finalized, copy and paste those sections and elements back into the Page Template component.

Do I need to configure all variables before building?

Not necessarily. You can start building with the default values and adjust variables later. However, if you already have a solid design, it is a good idea to set up your palette and font variables upfront.