Squarespace's templates help you create a cohesive look and structure for your website. Every Squarespace trial starts by selecting a template, which you can change at any time.
You'll use your template's Site Styles to adjust fonts, colors, spacing, and other design features. All templates have built-in responsive designs so your site scales to fit different devices and screen sizes.
This guide is for version 7.0. All version 7.1 sites share the same template. To learn more, visit About Squarespace version 7.1.
Working with templates
Templates create structure for your design.
- Visit Understanding Squarespace templates to learn how our templates work.
- Explore what different templates offer to choose the right template.
- Learn about switching templates to see how your content looks with other designs. Switching templates FAQ answers common questions about this process.
- Every template family has its own style options and may offer different features, like banner images or sidebars.
- Learn what template you're using.
Style changes
The Site Styles panel lets you adjust tweaks—settings that control fonts, colors, spacing, and other options. The tweaks vary between templates. Along with adding content, the Site Styles panel is a key tool for personalizing your site.
- Make style changes to customize your template's appearance.
- Review FAQ about the Site Styles panel.
- Change colors, style navigation menus, and customize buttons.
- Change fonts to select from Squarespace's many built-in options. You can add more fonts with Adobe Fonts.
- Adjust the style of collection pages like Events and Products Pages.
- Visit a template's Site Styles tweaks guide for a complete list of style options and customizations.
Mobile and responsive design
Every Squarespace template is designed for easy navigation on any device, from desktops to tablets to smartphones.
- Learn how your site will appear on mobile device.
- Preview your site's look on mobile as you make changes with Device View.
Custom code
Experienced users can add custom code to make advanced changes to their site. Adding code to your site falls outside of the scope of Squarespace support.
- Learn how custom code works with Squarespace in Custom code FAQ.
- You can add custom HTML, CSS, and Javascript to your site.
- Most custom features are added using the Code Block. Some integrations use Code Injection.
- The CSS Editor lets you style your site with CSS.
- If you're an experienced developer, consider the Squarespace Developer Platform for greater control over your site's code structure.
Template guides
Previewing and playing around with a template is the best way to learn how it works. Support your exploration with our in-depth template guides. Click the links below to learn more about these template families.
- If you're not sure which family your template is in, visit What's my template and family?
- For templates not listed below, see our Discontinued templates cheatsheet.
- Squarespace version 7.1 doesn't use templates or style tweaks the same way. For version 7.1, visit Version 7.1 style and design options and Page sections.
|
Adirondack |
|||
|
Avenue |
|||
|
Aviator |
|||
|
Bedford |
|||
|
Brine |
|||
|
Farro |
|||
|
Five |
|||
|
Flatiron |
|||
|
Forte |
|||
|
Galapagos |
|||
|
Ishimoto |
|||
|
Marquee |
|||
|
Momentum |
|||
|
Montauk |
|||
|
Native |
|||
|
Pacific |
|||
|
Skye |
|||
|
Supply |
|||
|
Tremont |
|||
|
Wells |
|||
|
Wexley |
|||
|
York |