Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Using the Brine template

Brine, Aria, Basil, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Jaunt, Juke, Keene, Lincoln (discontinued), Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Polaris, Rally, Rover, Sofia, Sonny, Sonora, Thorne, Wav, and West are in the same template family. This means they share the same underlying structure and functionality. The directions in the Brine guides apply to all these templates.

See the left navigation for information about building and customizing specific parts of your site. If you haven't yet picked a template, you can get help with initial installation at Getting started with Squarespace.

Note: Visit the Live Preview page for Brine, AriaBasilBurke, CacaoClayEthan, FairfieldFeed, Foster, Greenwich, HatchHeights, Hunter, Hyde, Jaunt, Juke, Keene, Maple, MargotMarta, MentorMercer, Miller, MokshaMotto, Mojave, NuevaPolarisRally, Rover, SofiaSonnySonoraThorne, Wav, and West for examples of real customer sites using these templates. If you've already created a site, you can switch your template at any time.

Special features

With these templates, you can create a professional web presence and store for any brand or company, from a new boutique to an established retail business. Interactive features, customizable navigation, and built-in mobile styles help your products shine.

Parallax scrolling Index Page

The vertically-stacked Index Page uses parallax scrolling to create an illusion of depth and immersion.

Great for commerce

Advanced Commerce features include Quick View, product zoom, and on-hover effects. 

Multiple navigation areas

These templates support three separate navigation areas, all of which you can style independently.

Customizable mobile styles

Choose how your site appears on smartphones and other reduced-width browser windows.

Modern Blog Page

With two adjustable layout options, the Blog Page puts the emphasis on your images, videos, and content.

Content inset

special inset for text and certain other blocks helps you create eye-catching layouts.

Quick start

Certain tweaks and settings can make a big impact on how your site looks and behaves. Play with the following options until you settle on a design you love.

To open any panel, press the ? key and search for its name.


Open the Style Editor panel. These are some key tweaks that affect the whole site:

  • Header: Layout > Position tweaks. (Add a tag line and Products Page to reveal all the Position tweaks.)
  • Header: Top > Background
  • Header: Primary Navigation > Style
  • Site: Border > Show Border
  • Main > Color
  • Footer > Layout


Open your Pages panel and add an Index Page. Click Add Section to add pages. To get a feel for how your Index works, we suggest you add these pages:

  • Two Regular Pages, one with a thumbnail image
  • One Gallery Page with at least 3 images

Next, open the Style Editor. Here are some key tweaks:

  • Index: Gallery > LayoutAspect Ratio, and Spacing
  • Index: Gallery > Hover Style and Image Overlay
  • Main: Content Colors > Body Text and Body Text (Overlay)  


Outside the Index Page, create a Regular Page with a thumbnail image. Hover over the area below the header and click Edit to add some text to the Intro area. Hover below that and click Edit to add Page Content text.

Next, open the Style Editor. Here are some key tweaks:

  • Header: Layout > Position tweaks - Try adding at least one header element to the Bottom header.
  • Main: Overlay > Enable Parallax and Overlay Color
  • Main: Content Colors > Body Text (Overlay)

You can add a banner like this to any Album, Blog, Events, Gallery, Products, or Regular Page on your site. You can also add a video URL instead of the page thumbnail to create a video banner.

Tip: Save and refresh after each change for best results.


First, create a Blog Page and add blog posts with thumbnail images. Then go to your Blog Page and open the Style Editor. Here are some key tweaks:

  • Blog: List > Style and Image Aspect Ratio
  • Blog: List > Metadata
  • Blog: Metadata > Primary and Secondary
  • Blog: Typography & Colors > Title Color

Switch between excerpts and full post within Blog Page settings.


Use Device View to see what your site looks like on mobile. Here are some key tweaks:

  • Mobile: Menu Icon > Menu Icon and Menu Icon Position
  • Mobile: Top > Fixed Mobile Top
  • Mobile: Top > Top Background 
  • Mobile: Branding > Font or Logo Width

Discontinued templates

Lincoln is no longer available in the template store. If you already have it installed, you can continue to use it. To learn more, visit Discontinued templates.

Next step

To get started building your site, visit Structure and style.

Was this article helpful?
39 out of 71 found this helpful
Using the Brine template