What it covers
Full Build: From Mockup to Squarespace is a single 50 minute workshop from Chris Schwartz-Edmisten in which he takes the mockup shown on the workshop page and builds it in Squarespace 7.1, start to finish. It is the closest thing to sitting behind a working designer for an hour.
Chris starts with what he looks for in a mockup to plan the build, then sets up colours and fonts, including adding a custom script font with CSS, works through a few techniques for the custom parts of the design (overlapping blocks in particular) and finishes by making the whole build mobile responsive. The workshop comes with the style guide, the mockup and all the image and font assets so you can build alongside him rather than just watch.
Who it is for
Chris's own test is a good one: if you were handed this mockup, are you confident you could reproduce it quickly and make it responsive? If you hesitate, this is for you. It is marked beginner friendly and uses minimal CSS, and Chris says someone who had never used Squarespace followed it and built the design, though he does not stop to explain the interface.
Format and access
One pre-recorded video with downloadable assets, hosted on Chris's site. A one time purchase gives lifetime access; it is also free to members of his Pro membership. No refunds, though Chris asks unhappy buyers to email him and says he will try to make things right.
Where it falls short
It is one build of one design. You learn Chris's process and a handful of techniques, not a general method for any mockup, and a script font plus overlapping blocks is a fairly specific aesthetic. There is no CSS teaching beyond the custom font step, so if your mockups regularly need code, his Custom Layouts course or CSS workshops are the better spend. For the price of a takeaway it is a fair trade, but go in expecting a demonstration rather than a curriculum.
Related guide: browse every course we list in the Squarespace courses collection, and read my practical guide on how to use custom CSS in Squarespace for the custom font step and beyond. All three Schwartz-Edmisten workshops also feature in our best Squarespace courses in 2026 roundup.
- 01Builds a supplied mockup in Squarespace 7.1 from start to finish
- 02Shows colour and font setup including a custom font via CSS
- 03Demonstrates overlapping blocks and mobile responsive fixes
Full specifications
Specifications
Shows colour and font setup including a custom font via css
Demonstrates overlapping blocks and mobile responsive fixes
Style guide, mockup, images and fonts included
Beginner friendly with minimal css
Lifetime access, free for pro members
No refunds
Freelance web designers
Diy business owners