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.
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 Site Styles options and may offer different features, like banner images or sidebars.
- See what template you're using in the Template panel.
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 these in-depth template guides. This documentation is a great resource for understanding each template's features.
Tip: If you don't know your template, visit Which template am I using?
- Adirondack
- Adversary (discontinued)
- Alex (discontinued)
- Anya
- Aria
- Artesia
- Aubrey
- Avenue
- Aviator
- Basil
- Bedford
- Blend
- Brine
- Bryant
- Bryler (discontinued)
- Burke
- Cacao
- Camino
- Carson
- Charlotte
- Clay
- Custom Template (this applies to sites built using the custom site builder)
- Eamon (discontinued)
- Encore (discontinued)
- Ethan
- Fairfield
- Farro
- Feed
- Five
- Flatiron
- Flores
- Forte
- Foster
- Foundry
- Fulton
- Galapagos
- Ginger (discontinued)
- Greenwich
- Harris
- Hatch
- Haute
- Hayden
- Heights
- Henson
- Horizon
- Hunter
- Hyde
- Impact
- Indigo
- Ishimoto
- Jasper
- Jaunt
- Jones
- Juke
- Julia
- Keene
- Kent
- Kin
- Lange
- Lincoln (discontinued)
- Maple
- Margot
- Marquee (discontinued)
- Marta
- Mentor
- Mercer
- Miller
- Mint (discontinued)
- Mojave
- Moksha
- Momentum
- Montauk
- Motto
- Naomi
- Native
- Nueva
- Om
- Pacific
- Pedro
- Polaris
- Pursuit
- Rally
- Ready
- Rover
- Royce
- Shibori
- Shift (discontinued)
- Skye
- Sofia
- Sonny
- Sonora
- Stella
- Supply
- Taylor (discontinued)
- Thorne
- Tremont
- Tudor
- Wav
- Wells
- West
- Wexley
- Vow
- York