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 Style Editor 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.
Working with templates
Templates create structure for your design. You can try as many templates as you want to find the perfect one.
- Visit Understanding Squarespace templates to learn how our templates work.
- Explore what different templates offer to choose the right template.
- You can switch templates at any time to see how your content looks with other designs.
- Switching templates FAQ answers common questions about this process.
- Every template has its own Style Editor options and may offer different features, like banner images or sidebars.
- See what template you're using in the Template panel.
The Style Editor lets you adjust tweaks—settings that control fonts, colors, spacing, and other options. The tweaks vary between templates. Along with adding content, the Style Editor is a key tool for personalizing your site.
- Make style changes to customize your template's appearance.
- Review FAQs about the Style Editor.
- 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 Typekit.
- Adjust the style of collection pages like Events and Products Pages.
- Visit a template's Style Editor 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.
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.
- 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.
Previewing and playing around with a template is the best way to learn how it works. Support your exploration with these in-depth template guides. This documentation is a great resource for understanding each template's features.