Document editors typically position toolbars above the document:
Squarespace does the opposite— it elevates the document by placing the toolbar below it.
Most document editors have toolbars that stay the same size— so the interface has to fit the toolbar.
Squarespace's toolbar grows and shrinks depending on how much space the interface needs.
Sometimes an element requires a users attention before moving forward. In this case, Squarespace will dim the rest of the interface and spotlight the element. It's a subtle way to focus attention.
When cropping photos for a photo gallery, Squarespace includes a handy tool that lets users adjust the focal point of the crop.
Squarespace always provide a way to drill down quickly on long lists of options. For example: in the Style Editor users can click any element on the page to show style options available for it.
Here's another example: rather than scroll through a list of Content Blocks, users can search keywords to quickly find the right one.
This attention to detail is a big reason why I continue to recommend Squarespace. It's clear that they have a team that works hard to build a thoughtful, usable interface.
I'm working on more explainer posts like this one. Subscribe to my newsletter to hear when they're published!