Advanced Squarespace Course

Build the professional foundation behind every fast, high-quality Squarespace site, from DevTools and colour systems to CSS variables, snippets, and testing workflows.

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.

Build a colour system that scales across an entire Squarespace site. HSLA, CSS variables for colour management, and what makes a real 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 Squarespace workflow for testing builds and collecting feedback that stops the “it looks fine on my screen” surprises before client review.

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.

Move past Style Editor limits with a deliberate system for spacing, scale, structure, and CSS that turns guesswork into confident design decisions.

An interactive six-step decision tool that helps you choose between Style Editor, Custom CSS, and code injection for every Squarespace change you make.

An interactive tool teaching the Squarespace grid, 8pt spacing system, visual rhythm, and white space so every section feels professionally designed.

Two interactive Squarespace typography tools covering font classifications, pairing, accessibility, weight contrast, letter spacing, and hierarchy without size, plus a Google Font library.

An interactive Squarespace tool showing how many grid blocks your body text should span for optimal readability, with the CSS to fix it instantly.

Use the built-in CSS variables Squarespace 7.1 ships with: colours, fonts, and more. Stop find-and-replacing hex codes across every project.

Three real Squarespace builds (EOM, The Cotswolds, Capstones) broken down from concept to delivery: structure, code, plugins, and decisions tutorials never prepared you for.

Two membership tiers with conditional navigation and an automated events system. A Squarespace platform that works for members daily, not a brochure site.

A luxury consulting firm Squarespace site for high-net-worth clients: twelve pillar categories, compendium blog, book promotion, and motion-led layouts that feel premium throughout.

The mental model for how code works inside Squarespace: Custom CSS, code injection, per-page injection, code blocks, and external scripts, organised cleanly across layers.

A Squarespace CSS starter template generator with a built-in reference library and comment converter that keeps your stylesheet organised across every project.

An interactive Squarespace CSS organiser that sorts rules by section keywords, flags duplicates, formats comments, and keeps your stylesheet readable as projects scale.

Three complete Squarespace client builds recorded start to finish with live commentary, showing the false starts, problem-solving, and decisions behind real project work.

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.

AI is now part of the Squarespace workflow. Master vibe coding with Claude, ChatGPT, Claude Projects, MCP site testing, and live masterclass builds.

Set up Claude AI for Squarespace design with Projects, Skills, Cowork agents, and a live pricing calculator build with research, QA, and accessibility.

An interactive four-stage Squarespace tool for writing better Claude prompts: set context, spot problems, build prompts, and refine for cleaner, usable code.

Coming soon

(Coming soon)

Deliver complete Squarespace sites: configure domains and SSL, connect Search Console and GA4, add structured data, and optimise performance beyond defaults.

The full Squarespace launch checklist: domains, SSL, Search Console, GA4, structured data, performance, favicons, and URL mapping for a properly delivered client site.

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.

Squarespace accessibility done right: principles, colour contrast, typography, heading hierarchy, keyboard navigation, and measurable standards that turn compliance into a quality framework.

A practical Squarespace talk on accessibility: visual, hearing, motor, and cognitive needs, heading hierarchy, fonts, colour contrast, and the quarter we exclude.

Build accessibility into your Squarespace process. Colour contrast, headings, keyboard navigation, alt text, motion, auditing, and integration without jargon overload.

Interactive WCAG contrast checker for Squarespace palette colours. Test foreground and background pairs against AA and AAA standards with live previews and pass-fail results.

Professional Squarespace workflow systems behind the build: internal tools, templates, launch checklists, live style guides, and client training that protects the design after handover.

Every Squarespace handover step that protects the relationship: access, accounts, billing, content, training, technical sign-off, and Key Action flags from real client experience.

A complete Squarespace handover checklist covering content, design, functionality, account ownership, legal pages, and redirect setup so nothing hides past launch day.

A live Squarespace style guide that pulls site colours from Site Styles into HEX, RGB and HSL so the palette stays in sync automatically.

Refine Squarespace sites past done. Train your eye on typography systems, optical spacing, scroll rhythm, and the small details that separate competent from exceptional.

Interactive Squarespace type scale generator using mathematical ratios from minor second to golden ratio for consistent, accessible heading hierarchy on every page.

Turn advanced Squarespace skills into commercial growth: value-based pricing frameworks, client communication systems, packaged services, and studio-level process for sustainable design business income.

Brand Designer extraordinaire Jack joins me to chat all things brand building.

From freelancer to founder: structure your Squarespace design business properly with finance, operations, and systems that prevent burnout as your work scales.

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.

Define Squarespace service packages (Full Site, Online Store, Designer Review, Designer for a Day, Brand & Design, Small Tasks, Training) with clear scope and pricing.

A complete Squarespace agency workflow you can adopt today: from project intake through delivery, the process that turns ad-hoc design work into a system.