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. Change the S2 Framework Cover page into "Draft", or simply delete it.

   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 your Font Family variables.

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 need to update the design on the Page Template at the beginning?

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, simply copy and paste the 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.