I am the first to admit that selecting a template can be agonizing and overwhelming! Not just because Squarespace has so many beautiful options to choose from but also because it’s not immediately clear that many templates are in fact part of a family and as such share the same underlying structure and functionality. Even as a longstanding Squarespace designer I still get confused by it all! There is already quite a lot of information out there, including Squarespace’s own help pages, which are informative and comprehensive, but what I wanted was a simple overview of the template families and their main features, all presented clearly and well organized in one place. So I created my own overview!
Want to know which template other websites are using? Findr is a nifty tool that will tell you instantly!
Quick View OF ALL FAMILIES
Yes, Brine has a lot of kids and cousins!
- Aviator, Aubrey, Encore
- Bedford, Anya, Bryant, Hayden
- Brine, Aria, Basil, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Jaunt, Juke, Keene, Lincoln (discontinued), Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Polaris, Rally, Rover, Sofia, Sonny, Sonora, Thorne, Wav, West
- Farro, Haute
- Montauk, Julia, Kent, Om
- Pacific, Bryler, Charlotte, Fulton, Horizon, Naomi
- Skye, Foundry, Indigo, Ready, Tudor
- Tremont, Carmino, Carson, Henson
- York, Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor (discont'd)
If templates are discontinued and removed from the Squarespace template store you can still access them by going to https://marquee-demo.squarespace.com. Simply replace ‘marquee' with the template name.
TEMPLATE FAMILIES AND THEIR FEATURES
I linked all the templates to their respective demo sites.
Full-bleed banners with text overlay, scrolling header, multiple nav bars (main, folder, products, footer), information drop-down in header, fixed navigation bar, no sidebars, background image.
Unique landing/info page, background image, page-specific background image on info page, full-width blog images, no blog sidebars, different navigation options (top or sidebar).
Grid index, individual page headers and footers, page borders, blog sidebar, background images, customizable top navigation bar (left, center, right).
Unique banners (video, slideshow), scrolling index pages, highlighted nav button, unique blog sidebars, sidebar folder navigation.
Parallax scrolling, advanced commerce features (quick view, product zoom, hover effects), three header navigation areas, shopping cart in nav bar, customizable mobile styles, grid blog page, content inset.
Full-bleed blog grid page, related posts, author profiles, customizable share buttons, special headers (gallery, album, events, product pages), three top navigation areas, advanced commerce features (quick view, product zoom, hover effects), customizable mobile styling.
Background image, page and blog sidebars (one or two sidebars, same sidebar for all), navigation sidebar, full-width banners, banner videos, customizable navigation, lots of customizable styling options.
Dynamic grid index page, special formatting for pages in an index, pop-up footer (on hover), fixed header, no blog sidebars.
Background image, index slideshow, advanced gallery styling (large image descriptions), color auto-detect (site title, tagline, navigation, social icons - black or white), no sidebars.
Advanced commerce features (quick view, product zoom, hover effects), category navigation, unique mobile branding, background tint, colored page borders.
Full-width carousel gallery pages, blog sidebar, customizable navigation.
Fixed bottom navigation, background image, full-bleed slideshow galleries, browsable thumbnail grid with slide-up gallery navigation, fixed nav bar, customizable main content area (set width, background color, alignment)
Background image, special site header with business information (address, phone #, tagline, custom content), grid style index, page banners (image or video) on regular, blog and event page, three footer areas.
Background image, site description in header, blog excerpts with round thumbnail images.
Scrolling index, full-bleed banners, fixed navigation, customizable shopping cart button, no sidebars.
Customizable grid blog page, related posts, author profiles, interactive post navigation (pagination), main navigation overlay (hamburger icon), advanced commerce features (quick view, product zoom, hover effects), blog sidebar.
Advanced commerce features (customizable background, hover effects), sidebar main & secondary navigation, grid index, vertical thumbnail banner images (on side or top depending on screensize), gallery images vertical scroll with descriptions on the right.
Slideshow index page, full-bleed galleries, scrolling effects, scaling fonts, page overlay colors, no sidebars.
Portfolio driven, project pages, scrolling index pages, grid index, page animation (banner fade-in, content sliding on scroll), scaling fonts, individual page headers (banner images or videos), no sidebars.
Sidebar main & secondary navigation, gallery slideshows or grids, blog sidebar.
Full page grid galleries, customizable top navigation bar (left, center, right), blog sidebar, individual page headers.
Was this post helpful?
I’d love it if you shared it on Pinterest - thank you so much!
Sign up for instant eCourse discounts, Squarespace news & tips, blog post summaries and the occasional deep musings I am known for! Always with pretty pictures. And I never ever share your email address.
With step-by-step tutorials and personal support from me, you'll confidently create a beautiful, professional looking website without the expense of hiring a designer.