Beyond the Basics: Learn to Vibe Code for Squarespace — insidethesquare.co

vibe code training for squarespace designers

Become the Squarespacer

who can create anything.

Beyond the Basics is a training program for Squarespace designers who want to harness the power of AI to bring their design ideas to life.

Get lifetime access for $500 →

This is not a workshop.

This is not a prompt collection

to copy and paste.

This is not a course on recreating

current design trends.

Three modules. Nine lessons.
Each one with actionable steps to implement what you’ve learned.

01 / Understand the Structure

OVERVIEW
Design menus are the surface of Squarespace. Here you'll dig into the site architecture underneath and learn to extract exactly what you need to bring an idea to life.
LESSONS
1. How Squarespace is built: the core code and the container system
2. The design menus, mapped: every option for every content type
3. Repurposing built-in features for advanced layouts
02 / Develop the Skills

OVERVIEW
AI slop comes from a lack of understanding. Here you'll learn the working basics of HTML, CSS, and JavaScript so you can direct and diagnose your own vibe coded creations.
LESSONS
1. The three languages behind Squarespace: HTML, CSS, and JavaScript
2. Responsive structure: how content behaves across screen sizes
3. Inspecting layers: how to pull working code from any page
03 / Direct the Programs

OVERVIEW
This is where it comes together. With the structure and the languages in hand, you'll learn to turn concepts into functional, Squarespace-ready code faster than ever.
LESSONS
1. Your prompt system: teaching AI the structure and language of Squarespace
2. The feedback loop: getting to working code in fewer rounds
3. Test, diagnose, ship: how to know AI output is safe before it goes live

The difference between AI slop and professional work is not the tool.

It’s the skill of the person directing it.

The Live Vibe Session

Enroll before July 21st to get a seat in a live vibe coding session with me, Becca Harpain.

Bring one idea you've never been able to build for us to tackle together.

To accommodate for Squarespacers around the globe, the Live Vibe will take place at three different times:
9:00 AM Pacific · 12:00 PM Pacific · 4:00 PM Pacific

Each session is capped at 20 people, and registration is first come, first served.

$500. Lifetime access.

Enrollment is open July 7 through July 21.
After July 21 the doors close & the program content will be published for all who are enrolled.

Enroll Now for $500 →

Price above is in USD. No discounts. No refunds. Lifetime access to all versions included. Content will be published on July 21st. Already own a previous version of Beyond the Basics? You get the new course free, for life. Check your inbox.

Answers to questions you might have

No. You need to be comfortable in the Squarespace editor. The course teaches you to read and direct code, with AI doing the heavy lifting on the writing.
No. There are no lessons on replicating trends. This is advanced customization and code judgment, the part most courses skip.
Describing a design and/or function that you want a website to have in conversational language and directing AI to write the code, while you stay in charge of whether it is any good.
No. This update is free, included in your lifetime access. Check your inbox for more information, or reach out to support@insidethesquare.co directly.

July 21, the day the cart closes. All three modules at once, plus a chance to reserve your seat in the Live Vibe Session.
You can, and you'll get code you can't diagnose on a platform the model doesn't fully understand. The skill you're investing in is structure and judgment: knowing what to ask for, how to read what comes back, and whether it's safe to ship.
Later this year. I haven't set the date, and I don't promise the Live Vibe Session comes back with it.
NO - the term Squarespace is a trademark of Squarespace, Inc. This program is not affiliated with Squarespace Inc.