Squarespace Design Articles, CSS Guides and Web Design Tutorials
Design Trends vs Timeless Principles: How to Tell the Difference
Every year, design publications release their trend predictions. Bento grids. Glassmorphism. Brutalist typography. AI-generated imagery. 3D elements. Kinetic text. Dark mode. Anti-design. Each trend...
UI Design Patterns That Every Website Uses (Whether You Know It or Not)
A visitor lands on a website they've never seen before and immediately knows how to use it. The logo in the top left is clickable and goes to the homepage. The hamburger icon opens a menu. The search...
Image Composition Rules Every Web Designer Should Know
You don't need to be a photographer to build beautiful websites. But you do need to understand composition, because every day you're making decisions about which images to use, how to crop them,...
Brand Identity vs Visual Identity: What Every Web Designer Needs to Know
These two terms are used interchangeably across the design industry, and the confusion costs designers money, credibility, and client relationships. A client asks for "brand identity" and receives a...
Grid Systems for Web Design: The Invisible Structure Behind Every Good Layout
Every well-designed website is built on a grid, whether the designer consciously defined one or not. A grid is the underlying structure that determines where elements sit, how they align, and how the...
Visual Hierarchy: How to Control What Visitors See First, Second, and Third
A visitor lands on a webpage and their eyes move. Not randomly. Not consciously. Their gaze follows a path determined by visual weight, position, contrast, and the hardwired tendencies of the human...
Who is the Top Squarespace Designer? What the Credential Stack Actually Tells You
There is no shortage of Squarespace designers claiming to be the best. But Squarespace itself has a formal credential system that tells you exactly who sits at the top. This article breaks down every tier, from Circle Silver Partner through to the rarest designation of all, and identifies the one UK studio that holds the complete stack.
Colour Psychology in Web Design: What the Research Actually Says
Colour psychology is one of the most discussed and most misunderstood topics in design. You've seen the infographics: red means passion, blue means trust, green means nature. These...
The Design Principles That Make Websites Work (Not Just Look Good)
Design principles aren't rules imposed by an authority. They're observations about how humans perceive and process visual information. They describe what happens in the brain when someone looks at a...
What Makes a Good Logo (And What Makes a Bad One Unfixable)
A logo is the most scrutinised, most debated, and most misunderstood element in any brand identity. Clients spend more time agonising over their logo than over their entire website content, and...
Every Type of Font Explained (And When to Use Each One)
Fonts are the most visible design decision on any website. They're the first thing visitors process, often before they consciously register colours, images, or layout. Yet most designers work with a...
The Invisible Work
A client once asked me, genuinely and without malice, why building a Squarespace website took three weeks when "it's all drag and drop, isn't it?"
22 Claude Prompts for Squarespace Designers (That Actually Work)
I tested these on real client projects. Here's what made the cut.
You know that thing where you ask Claude to write some CSS, and what comes back is... fine? Like, it technically works, but you spend 15 minutes stripping out the comments you didn't ask for, fixing selectors that don't match Squarespace's class structure, and rewriting the mobile breakpoints because they're wrong.
The Discovery Call That Changes Everything
My worst project happened because I skipped the discovery call.
Animation: The Line Between Delightful and Annoying Is Thinner Than You Think
There's a site I revisit every few months as a cautionary tale. I won't name it, but it's a creative agency portfolio. When you load the page, the logo animates in with a bounce effect. Then the...
Your Portfolio Isn't Getting You Clients (And It's Not Because of the Design)
I need to tell you something that might be uncomfortable. Your portfolio site, the one you spent three weeks designing, the one with the carefully curated project grid and the parallax hero and the...
Client Training Sessions: Teaching Clients to Use Their Squarespace Site
You've finished the site. It's beautiful. It works perfectly. You're ready to hand it over and move on to the next project.
Then the client goes live and you're fielding support requests constantly. How do I add a blog post?
The Checkout Nobody Finishes
A client came to me last year with a problem she couldn't understand. Her Squarespace store was getting steady traffic. Products were being added to carts. And then... nothing. Roughly 70% of people...
Debugging CSS in Squarespace: A Systematic Approach
Debugging CSS here is different than debugging on a regular website. Squarespace templates come with their own stylesheets. They use LESS compilation. They generate dynamic class names. Something is always overriding your custom CSS, and figuring out what requires a specific workflow.
What Happens When Your Client Gets "Hacked"
The email arrives at 11pm on a Sunday. Subject line: "URGENT: I think my website has been hacked!!!"