Advanced Squarespace Course

The extensions worth installing and the ones that waste toolbar space. We cover the handful that actually speed up your Squarespace workflow.

How to configure Chrome DevTools for Squarespace development. Inspect elements, test CSS live, and debug layout issues without guessing.

How to build a colour system that scales across an entire site. We cover HSLA, CSS variables for colour management, and why “picking nice colours” isn’t the same as a colour strategy.

Setting up a code editor and organising your snippets so you’re never hunting for that bit of CSS you wrote three projects ago.

A process for collecting client content that doesn’t derail your design. Get this right and you save hours of rework on every project.

CSS variables applied to real Squarespace builds. Change a value once, watch it update everywhere. This is how you stop repeating yourself across every project.

A systematic workflow for testing your builds and collecting feedback. No more “it looks fine on my screen” followed by a client screenshot that says otherwise.

A collection of workflow shortcuts, hidden features, and time-savers that don’t fit neatly into another lesson but are too useful to leave out.

What the Style Editor is actually doing under the hood, and how to extend it once you understand the CSS it generates.

How to establish a spacing system and apply it consistently. This is what makes a site feel intentionally designed rather than assembled.

Typography is one of those areas where most designers are working on instinct without knowing why certain decisions feel right and others do not. These tools make the invisible rules visible.

Most Squarespace sites have body text that's way too wide, and it's killing readability. This tool shows you exactly how many grid blocks your text should span based on real typographic research, and gives you the CSS to fix it.

Every Squarespace 7.1 site comes with built-in CSS variables for colours, fonts, and more. Learn how to use them — and never find-and-replace a hex code again.

Multi-section homepage with an interactive flywheel, knowledge hub, testimonial carousels, and a four-partner organisational structure. Lots of layout complexity and content architecture to unpack.

Two membership tiers, conditional navigation that changes based on who's logged in, and an events system that practically runs itself. This build had a completely different brief to the other two sites. It's not a brochure site or a consultancy. It's a platform that needs to work for its members every day, which means the decisions behind the structure, the logic, and the integrations all had to be thought through differently.

A luxury consulting firm helping high-net-worth individuals build meaningful passion projects. Twelve pillar categories, a compendium blog, book promotion, and image-heavy layouts that all needed to feel premium without feeling slow. This is a site where every design decision had to lead with motion and visual weight, because when the clientele operates at this level, the site has to feel like it belongs in the room with them.

Before you write a single line of CSS, the way you structure your file matters. This tool generates the starter template I use on every project, plus a reference library and comment converter.

A complete client build recorded start to finish. Watch the process unfold with full commentary on every decision.

A different project type, a different brief, a different set of problems. See how the approach adapts when the requirements change.

The third full build. Different industry, different constraints, same standard of work. Three builds, three different ways of thinking through the same platform.

A no-fluff walkthrough of how I've set up Claude AI and put it to work for my Squarespace web design business. Watch me build a fully functional pricing calculator live, from the first prompt to a working preview, using team agents, real-time interruptions and zero pre-planning. I cover setup, Skills, Cowork, prompting tips and why Claude has become my new best friend for client work.

Most prompting advice is generic. This isn't. Work through four interactive stages and build prompts that actually work for Squarespace designers.

Coming soon

(Coming soon)

How to generate 301 redirect rules when migrating a site to Squarespace. Protect the client’s search rankings instead of starting from zero.

Step-by-step domain configuration for 123 Reg, including the specific settings and common mistakes their documentation doesn’t cover.

The same for GoDaddy. Specific DNS settings, propagation expectations, and how to avoid the issues that cause the most support tickets.

What web accessibility means in practice, who it serves, and the standards that define compliance. The foundation for everything in this module.

The measurable standards your text needs to meet and how to check them. “It looks readable to me” isn’t good enough.

A messy handover is where client relationships quietly fall apart. This is the checklist I run through on every project before I consider the job done.

Every check that needs to happen before a site goes live. Built through real launches, refined every time something got missed.

How to create a style reference inside the client’s own site so they can maintain design quality without calling you for every update.

Fine-grained typographic control. Optical adjustments, contextual sizing, and the details that separate styled text from properly typeset text.

A working pricing framework, not vague advice. The spreadsheet, the logic, and how to move from hourly rates to value-based pricing.

How to structure communication across WhatsApp, email, and project tools so nothing falls through and you’re not working at midnight.

How to define service packages (Full Site Builds, Online Store, Designer Review, Designer for a Day, Brand & Design, Small Tasks, Training & Support) with clear scope, pricing, and value.

Most designers wing it. Not because they are bad at their job, but because no one ever showed them what a proper process looks like. This is mine.