Squarespace Project Pages for Portfolios
TL;DR:
- Project pages work in Squarespace 7.0's York template family for dynamic image layouts
- Version 7.1 doesn't support project pages at all
- You can customize image alignment, spacing, and captions within each project
- Full-bleed images need to be at least 2500 pixels wide and use specific settings
- Mobile layouts automatically stack content in a single column
Getting Started with Project Pages
Project pages only work in Squarespace 7.0, specifically in the York template family. If you're on version 7.1, you'll need to use gallery pages or portfolio pages instead.
To create a new project page:
- Open the Pages panel in your Squarespace dashboard
- Click the + icon and select Project
- Upload your images or videos
- Add titles and descriptions for each piece of media
Adding and Managing Your Media
Once you've created your project page, you can start building your portfolio:
- Access your project page through the Pages panel
- Upload images or videos directly
- Add thumbnails for any videos to keep things looking clean
- Set each media file to published or draft status
To update existing media, double-click any item in the side panel and make your changes.
Layout and Design Options
Image Alignment and Spacing
You can control how images and captions align on your page. Options include left, right, or center alignment. Spacing between images and the page banner can be adjusted in the Project layout section under Site Styles.
Adding Captions
To add or edit captions:
- Double-click an image in your project page
- Fill in the Title and Description fields
- Adjust caption position and style through Site Styles settings
Full-Bleed Images
For images that stretch to the full width of the browser, make sure they're at least 2500 pixels wide. Then go to Site Styles and set your Portrait and square caption style to either 'Standard' or 'Offset'.
Make sure 'Show project captions' is checked to keep your full-bleed images properly aligned.
Organizing Your Content
You can reorder images by dragging them around in the sidebar panel. This works the same way as gallery pages.
Headers and footers can be customized with banners and descriptive text to match your brand.
Mobile Display
Squarespace automatically stacks your project page content into a single column on mobile devices. You don't need to do anything special to make this work.
FAQs
Are project pages available in Squarespace 7.1?
No, project pages only work in Squarespace 7.0. If you're on 7.1, use gallery pages or portfolio pages instead.
How do I set up full-bleed images?
Make sure your images are at least 2500 pixels wide. Set landscape images to full bleed in your settings, then configure the caption styles for non-landscape images.
Can I add clickable links to images on project pages?
Direct links aren't supported on project pages. You'll need to use gallery blocks or summary blocks if you want clickable images.
Jargon Buster
Full-Bleed Images: Images that stretch to the very edges of the browser window with no visible border
Caption: Text that appears below or beside an image to provide context or description
Thumbnail Image: A small preview version of a video or large image
Wrap-up
Project pages give you a solid way to showcase portfolio work if you're using Squarespace 7.0. The key is getting your image sizes right and understanding how the alignment settings work together. Once you've got the basics down, you can create professional-looking portfolios that work well on any device.
Remember that project pages aren't available in 7.1, so check your version before diving in.
Join Pixelhaze Academy for more Squarespace tutorials and design resources.