York, Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, and Taylor (discontinued) 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 York, Artesia, Flores, Harris, Jasper, Jones, Lange, 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.
York, Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, and Taylor (discontinued) 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.
The Project Page arranges images, titles, and captions into elegant layouts.
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.
These templates support special page animations, such as content sliding upward on scroll and a fade-in effect as banners load.
Set the parameters of how your site’s fonts scale to control the size of key text in mobile browsers.
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:
- Site > Site Background
- Site > Site Max Width and Site Alignment
- Site: Header Layout > Branding Position
- Site: Navigation and Site: Typography
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
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
For an in-depth overview of the available style options, visit Structure and style.