Legacy Documentation

This site contains only the documentation and tutorials for Foundry 2, the legacy version of the framework. You can find links to the current version of Foundry, and its documentation, below.

About the Tutorials

Below you'll find a variety of videos for the Foundry stacks and adding.

They include tutorials for specific stacks, like building a simple site or installing Foundry, as well as general tutorials on how to use some of the Foundry stacks. Not every video we have is offered are below. Many of our stacks, especially the addon stacks, like Potion or Thunder, have their own individual tutorial videos on their own individual documentation pages.

Popular Videos

  • Build a One-Page Site

    In this video we build a one-page portfolio site using the Gallery, Slider and Form stacks included in Foundry, along with some of the mainstays like the Header, Footer and Paragraph stacks.

    Quicklook: Banner

    In this video we look at using Foundry's Banner stack to dress up a page and give it some personality. We also look at using the Banner stack's Dark Mode setting and much more.

  • Quickloook: Group

    In this video we look at managing and organizing our content in Edit Mode using the Group stack. We also look at customizing our Group labels, borders, and notes to help us clean up our workspace.

    Quicklook: Typeface

    In this video we take an overview of how Typeface works and what it does for you as far as managing your fonts. We have additional videos on how to work with both Google Fonts and Adobe Typekit fonts below. Introduced in v1.2.5.0 of Foundry.

  • Dark Mode Basics

    In this video we take a look at the basics of how Dark Mode is integrated into the Control Center stack as well as how it can also be found throughout Foundry's many other stacks.

    Quicklook: Navigation Bar

    We take a quick look at the Navigation Bar stack and checkout some of its many options. We also explore how we can pair it with the Banner stack to create stunning, horizontal navigation bars

  • Quicklook: Margins

    In this video we explore using the Margins stack to set both margin and padding around page elements at each of the three Foundry breakpoints. This will help us to create dynamic layouts.

    Quicklook: Columns

    In this video we look at the basics of the Columns stack for Foundry. We also delve into creating and using Customized Columns, including the Column Ordering and Offset features.

Learn More

We offer extensive documentation on each of the stacks included with Foundry 2 in our Documentation section.

Getting Started

In this section we look at some of the basics when it comes to getting up and running with Foundry, such as installation and the bare essentials you’ll need on your Stacks page to get started.

Installing Foundry

In this quick video we look at how to quickly install your newfound Foundry stacks and theme into RapidWeaver. It’s simple and painless, with RapidWeaver doing all the heavy lifting.

Quick Start

There’s not a lot you need to really do to start using Foundry, but in this short video we look at the very basic setup of your project file and the essentials you’ll need to get started.

Updating Foundry

This quick video takes a look at how to install updates for Foundry’s stacks and theme as well as time saving tips when doing so.

Dark Mode Basics

In this video we take a look at the basics of how Dark Mode is integrated into the Control Center stack as well as how it can also be found throughout Foundry's many other stacks.

Building with Foundry

In this section we explore how to build specific page designs, as well as creating specific section types on your page, from start to finish, giving you a look at ways to combine many of the Foundry stacks.

Build a One-Page Portfolio

In this video we build a one-page portfolio site using the Gallery, Slider and Form stacks included in Foundry, along with some of the mainstays like the Header, Footer and Paragraph stacks.

Using Component stacks

Learn the basics of some of Foundry’s Component stacks. The Component stacks are the stacks with purple icons in the Stack elements library. They’re generally the stacks which form the structures of your page that your Content and Utility stacks are added into.

Using Cards

We take a look at what the Cards stack is exactly and check out some of its many child-stacks. We build out a simple sidebar to show one, of many, possible uses for the Card stack.

Using Columns

In this video we look at the basics of the Columns stack, as well as delve into using Customized Columns, Column Ordering and Offsets.

Using the Navigation Bar

We take a quick look at the Navigation Bar stack and some of its options, as well as how to pair it with the Banner stack.

Using Partitions

In this video we look at how Partitions works and how to make use of it for creating unique, useful layouts for our pages.

Part 1: Zones

Using Navigation Bar Pro

In this video we take a quick look at how the Zones in the Navigation Bar Pro stack can be used to highly customize the layout of your site's navigation at each of the three responsive breakpoints.

Part 2: Styling

Using Navigation Bar Pro

In this video we take a quick look at how the Zones in the Navigation Bar Pro stack can be used to highly customize the layout of your site's navigation at each of the three responsive breakpoints.

Using Pagination

The Pagination stack allows you to organize a lot of content into a minimal amount of space, and do it with style. Introduced in v1.1.0.0 of Foundry.

Using Margins

In this video we explore using the Margins stack to set margin and padding around page elements at each breakpoint for dynamic layouts.

Using Content stacks

A quick look at how some of Foundry’s Content stacks function and how you can use them when building your site. The Content stacks are the blue-green Foundry icons in your Stack elements library.

Using Dot Leaders

In this video we look at using the new Dot Leaders stack to create simple, styled lists. Great for table of contents or restaurant menus.

Using Syntax

Share code snippets with your visitors in style using the Syntax stack. In this video we look at adding different code blocks to your pages and choosing a style to match your site.

Using Striped List

The Striped List stack allows us to build alternating colored lists with ease. In this video we look at how we can create stylish, linked lists.

Using Utility stacks

We look at Foundry’s Utility stacks and see just how some of them work. The Utility stacks, indicated by red icons in the Stacks library, are generally single purpose stacks with a set purpose.

Manage your fonts all in one place with Typeface

In this video we take an overview of how Typeface works and what it does for you as far as managing your fonts. Below we have additional videos on how to work with both Google Fonts and Adobe Typekit fonts within the Typeface stack. Introduced in v1.2.5.0 of Foundry.

Include and manage your Google Fonts using Typeface

We look at how we can include a wide variety of free Google Font on our Foundry based pages using Typeface. Introduced in v1.2.5.0 of Foundry.

Include and manage your own Self Hosted fonts using Typeface

We look at how we can use the Typeface stack to host our own fonts right inside RapidWeaver as well as assign them to other Foundry elements. Introduced in v1.3.3.0 of Foundry.

Include and manage your Adobe Typekit fonts using Typeface

We look at how we can use Adobe’s Typekit font service to include professional grade fonts on our pages using Typeface. Introduced in v1.2.5.0 of Foundry.

Add animations to your page using Reveal

We look at how to quickly and easily create buttery-smooth animations for elements placed in the Reveal stack. Introduced in v1.1.0.0 of Foundry.

Using Vertical Center

We look at how you can align your content vertically in containers with preset heights using the Vertical Center stack. Introduced in v1.1.0.0 of Foundry.

Using Scroll To

Learn how to add a button to your page that will scroll the browser to a target location on the page. Introduced in v1.1.0.0 of Foundry.

Using Group

We look at managing and organizing our content in Edit Mode using the Group stack. We also look at customizing our Group labels, borders, and notes to help us clean up our workspace.

Using Eclipse

In this video we look at how we can use the Eclipse stack to show and hide content on our pages based on whether or not our visitor is using Light or Dark Mode on their computer or mobile device.

Using the Style Guide

We look at how you can make use of the Style Guide stack while designing your site in Edit Mode, and how it allows you to stick to branding.

Using Hold

Preventing content from publishing to your site is as simple as drag-and-drop We look at using the Hold stack to accomplish just that. Introduced in v1.1.0.0 of Foundry.

Get Help
More from Elixir
Sign up for The Forge newsletter

Stay up to date on future versions of Foundry, as well as important news, updates and more!

This site is built using Foundry for RapidWeaver

© 2006-2020 Elixir Graphics