Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Skye family styling examples

The templates in the Skye family share the same style options and features, like the navigation overlay and thumbnail-based Blog Page. The templates look different because they have different default style settings and page structures, but you can reproduce the look of one of these templates on any template in the family.

Comparing different templates in a family is a great way to see the style options and versatility of the template. Explore the demo sites for Skye, Foundry, Indigo, Ready, and Tudor, to see the different options available on all these templates.

The examples in this guide go over some key differences to help inspire you as you design your site.

Navigation overlay

The navigation overlay supports navigation links on the left and a customizable blocks area on the left and the right. Each template's navigation overlay is styled differently, based on what might work for a specific industry or site purpose.

Skye doesn't use any blocks on the left. On the right, it mimics the look of an author profile with an Image Block. The image has been cropped with third-party software to make it a circle. Below that is a Text Block and a Social Links Block.

Skye-navoverlay.png

Tudor has a Social Links Block and Text Block below the navigation links. On the right, Archive Blocks create links so visitors to filter by category and author.

Tudor-navoverlay.png

Foundry has Social Links and Newsletter Blocks on the left, and a Text Block on the right. The text on the right is formatted as Header 3 text, so it stands out from the site's body text.

Foundry-navoverlay.png

Blog layout

Although they all use the same Blog Page, each template's blog landing page is styled differently to give them a different look and feel.

Skye uses thumbnail images for most posts and breaks them up with an occasional text-only tile. The thumbnail tiles align at the top (Grid Alignment: Top) so each row looks uniform.

Skye-blogpage.png

Tudor uses thumbnail images for each post. The layout style is Grid Alignment: Masonry, which creates a mosaic-like effect. The date displays as a callout (Date Style: Callout Circle).

Tudor-blogpage.png

Foundry emphasizes text by not including thumbnail images for any posts. The layout style is Grid Alignment: Baseline. This separates each row from the others, but creates visual interest as the thumbnail heights differ.

Foundry-blogpage.png

Footer

Each template's footer starts with its own demo content to show off different options, but you can restyle the footer and customize it with blocks. 

Skye's footer includes a Newsletter Block, encouraging visitors to subscribe to a mailing list. It also includes a Social Links Block

Skye-footer.png

Foundry mimics the look of an author profile with an Image Block. The image has been cropped with third-party software to make it a circle. Below that is a Text Block, which includes links to create a navigation.

Foundry-footer.png

Tudor's footer has a multi-column layout with several blocks.

Tudor-footer.png

 

Was this article helpful?
0 out of 0 found this helpful
Skye family styling examples