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

York, Artesia, Harris, Lange, Jasper, Shibori, and Taylor are in the same template family. This means they share the same underlying structure and functionality. The directions in the York 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. You can also visit our general tips on building a portfolio site or photographer site.

Note: Visit the YorkArtesiaHarrisLangeJasper, and Shibori 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

York, Artesia, Harris, Lange, Jasper, Shibori, and Taylor are portfolio templates designed to showcase the work of illustrators, photographers, creative agencies, and other visual content producers. With a stacked navigation Index landing page and unique Project Page layouts, these templates give you the tools to display and share your creative output.

Project Page

The Project Page arranges images, titles, and captions into elegant layouts. 

Index Page

The Index Page makes a great landing page for your portfolio, with clickable banners or a grid of thumbnails that take visitors deeper into your content. 

Page animations

These templates support special page animations, such as content sliding upward on scroll and a fade-in effect as banners load.

Scaling fonts

Set the parameters of how your site’s fonts scale to control the size of key text in mobile browsers.

Page headers

Introduce your content in style by adding banner images and videos and customizable header areas to any page on your site. 

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 > Site Background
  • Site > Site Max Width and Site Alignment
  • Site: Header Layout > Branding Position
  • Site: Navigation and Site: Typography

Project

Open your Pages panel and add a Project Page to your Main Navigation. To get a feel for how your Project Page works, we suggest adding at least four images to your Project Page, two landscape and two portrait, and give each one an image title and description.

To style your Project Page, open the Style Editor and try these key tweaks:

  • Project: Layout > Show Project Captions
  • Project: Layout > Image Alignment
  • Project: Layout > Portrait and Squares Caption Style and Landscape Caption Style - These appear when Image Alignment: Center is selected
  • Project: Fonts > Caption Title Font

Index

Open your Pages panel and add an Index Page to your Main Navigation. Click Add Section 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 two 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: Layout > Item Width and Full Bleed Index
  • Index: Layout > Item Height and Item Spacing
  • Index: Item Image > Image Alignment
  • Crop Image - Appears with Image Alignment: Right, Left, and Center
  • Item Background Color and Auto Color Background
  • Index: Item Text > Show Title 

Next step

For an in-depth overview of the available style options, visit Structure and style.

Was this article helpful?
16 out of 30 found this helpful
Using the York template