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

Avenue has an adaptive grid-based layout, particularly well-suited for photography and design portfolios. Avenue's special features include a grid display on the Index Page and customizable headers and footers on every page.

See the left navigation sidebar for information on 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 Avenue Live Preview page for real life examples of sites using this template. If you've already created a site, you can switch your template at any time.

Special features

Index Page

The Index Page organizes multiple pages or galleries into a single grid collection using thumbnail images. The Index Page is a great way to organize multiple galleries or projects, or if you want to use images to represent links to your content.

 

Headers and footers

You can create a customized header and footer on each page in addition to the site-wide footer.

Page borders

Separate page content from the header and footer with a thin, thick, or dotted line page border.

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:

  • Options > Layout Style
  • Options > Page Borders
  • Colors > Site Background
  • Colors > Canvas Background
  • Colors > Site Background Image
  • Sizes & Values > Site Width

Index

Open your Pages panel and add an Index Page to your Main Navigation. Click Add Page to add pages, or drag in existing pages. To get a feel for how your Index works, we suggest adding at least four pages, and adding thumbnail images to each of them. 

Click on your Index Page title in the navigation and open the Style Editor. To style your Index Page, try these key tweaks:

  • Index Styles > Index Thumb Title Position
  • Index Styles > Index Thumb Layout
  • Index Styles > Thumbnails Per Row (select Index Thumb Layout: Basic Grid first)
  • Index Styles > Hide Index Thumb Titles 
  • Index Styles > Full Width Index

Next step

To get started building your Avenue site, visit Avenue structure and style.

Was this article helpful?
36 out of 65 found this helpful
Using the Avenue template