Using the Layout Project Files

Step #1
Open any one of the included Layout Project Files in RapidWeaver.
Step #2
Select the Pure theme from the themes menu.
Step #3
Replace the dummy content with your own text, images, and links.

Useful Tutorials:

Pure - Slider Stack
Pure Images Stack
Pure Buttons Stack
Pure - Text Stack
Pure Forms Stack
Step #4
Duplicate your Stacks page and edit the content to create new pages.

Using Pure Stacks in Other Themes

Like how powerful and lightweight Pure Stacks are? Feel free to use them in other themes. All you will need to do is include the Pure Core Stack to enable the use of all the included Pure Stacks.

Creating Your Own Custom Design

Step #1
Start a new project in RapidWeaver and select the Pure Theme from the themes menu.

This is a theme that you can use as a blank art board to create your own website design. It does not contain any extra CSS & JS files that themes usually come with.
Step #2
Add a Stacks page and drag/drop the Pure Core stack into the editor area.

The stack only needs to be included once. Pure Core contains all the necessary code to run all Pure Stacks. With all of the important code in one stack no unnecessary duplicate code gets uploaded to your website.
Step #3 (Optional)
Drag/Drop the Font and Font Awesome Stacks into the labeled areas inside the Pure Core Stack.

These Stacks enable the use of icons and custom fonts and are optional.

Tutorials:

Pure - Fonts Stack
Pure - Font Awesome Stack
Step #4
Create your sites framework by dragging/dropping multiple Pure Grids Stacks.

Tutorials:

Pure Grids Stack
Step #5
Drag/Drop the Pure Menus Stack into your Header Grid and optionally add the Slider Stack to a Grid designated for a slider/banner.

The Menu Stack will automatically add links to all of the pages you create in your RapidWeaver project.

Tutorials:

Pure Menus Stack
Pure - Slider Stack
Step #6
Add content using the included Pure Buttons, Pure Images, and Text Stacks.

Tutorials:

Pure Images Stack
Pure Buttons Stack
Pure - Text Stack
Step #7
Create your footer also using the Pure Images, Pure Buttons, and Text Stacks. Optionally add a Contact Form using the Pure Forms Stack.

The Menu Stack will automatically add links to all of the pages you create in your RapidWeaver project.

Tutorials:

Pure Forms Stack
Step #8
Since the header, footer, and framework is already created, all you need to do is duplicate this Stacks page and edit the content to create new pages. Be sure that your page looks exactly how you want it to before you start to duplicate. Otherwise when you edit something you will need to make the changes to all the pages.

Additional Tutorials:

Pure Tables Stack
Stacks Image 20788

About

Pure for RapidWeaver was created to give RapidWeaver and Stacks users a way to create their own custom designed websites while also making it simple, fun, and extremely fast. In fact, this entire website design was created with it.

Pure for RapidWeaver is a product by 1 Little Designer.
Stacks Image 20803

Latest Releases

Stacks Image 18368
Stacks Image 18241
Stacks Image 21479
Stacks Image 17806
Stacks Image 20808

Email Newsletter

Subscribe to receive updates when new Project Files are released.
© 2016 1LD. RapidWeaver and Pure trademarks and brands are the property of their respective owners and are not affiliated with 1LD.