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

Pacific, Bryler, Charlotte, Fulton, Horizon, and Naomi are in the same template family. This means they share the same underlying structure and functionality. The directions in the Pacific 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 Pacific, Bryler, Charlotte, Fulton, Horizon, and Naomi Live Preview pages 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

Pacific, Bryler, Charlotte, Fulton, Horizon, and Naomi use text overlays and a scrolling full-bleed Index Page to tie all of your content together into a single voice. 

Scrolling Index Page

The scrolling Index Page creates a vertical layout that stacks content from multiple pages on a single page. This is great for conveying a lot of information in one location.

Full-bleed banners

Display full-bleed banner images and videos behind text in Index sections and at the top of any page.

Fixed navigation

On an Index Page that's set as a homepage, the Main Navigation can be set to appear at the top of the browser window as you scroll down the page, helping visitors to move around the page.

Customizable shopping cart button

Use the Style Editor to adjust the colors of the shopping cart button that appears when a customer adds a product to their cart.

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. 

Site

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

  • Site Header > Transparent on Banner Images and Background Color
  • Site Navigation > Expand Homepage Index Links and Always Use Overlay Nav
  • Main Content > Background Color and Text Color
  • Footer > Background Color

Index

Open your Pages panel and click the + icon to 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:

  • One Regular Page with a thumbnail image
  • Two consecutive Regular Pages without thumbnail images
  • A Gallery Page with at least two images 

These will allow you to experiment with all the options your Index Page supports, such as alternating background colors.

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

  • Index Overlay > Padding and Color (you can adjust opacity
  • Index > Section Separator and Alternating Color
  • Index Gallery > Design
  • Main Content > Background Color
  • If the Regular Pages have headers: Index Overlay > Heading vs Main Content > Header
Tip: The Index Page also supports Album Pages.

Per-page banners

Open the Pages panel and add a Regular Page to your Main Navigation. Click the to add a Page Title, Description, and thumbnail image

If a banner image doesn't appear, refresh the page. Then open the Style Editor. Here are some key tweaks: 

  • Page Banner > Show Page Title
  • Page Banner > Overlay Color (you can adjust opacity)
  • Page Banner > Padding

You can add a banner like this to any Album, Blog, Events, Gallery, Products, or Regular Page on your site.

Tip: Explore our help site for general help building a storewedding site, restaurant site, and more.

Next Step

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

Was this article helpful?
5 out of 12 found this helpful
Using the Pacific template