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.
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.
Separate page content from the header and footer with a thin, thick, or dotted line page border.
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:
- Options > Layout Style
- Options > Page Borders
- Colors > Site Background
- Colors > Canvas Background
- Colors > Site Background Image
- Sizes & Values > Site Width
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
To get started building your Avenue site, visit Avenue structure and style.