Standout Squarespace is a course and community to help you confidently create sought-after Squarespace websites that command premium rates and attract your dream clients

Master the Squarespace platform and learn the underlying code

Push the boundaries by learning how to code the smart way so you can create unique and sought-after features that serve your dream clients

Confidently charge more for your services and offers + collaborate with ideal clients who value your time and expertise.

What sets standout sites apart from dull designs? It’s all in the intention—how you gather inspiration, how you frame the strategy, or how you craft experiences both responsive & accessible. These practices are all part & parcel of your future web design expertise.

• The Standout®️ checklist

• Client forms and guides (Discovery Questionnaire + Content Guide)

• Crafting the Website strategy

• Wireframe Design Guidelines (Adobe XD & Figma)

• Designing with Development in Mind

• Responsive Design Best Practices

• Championing Accessible Web Experiences + Accessibility Checklist

• Considering Site Performance and SEO + Performance Checklist

Basic doesn’t have to be boring. Finding your edge isn’t in following the rules; it’s in learning the rules to break them. Go explore my trusty tips & tricks to master the new Fluid Editor and the smart ways that we can use Squarespace Blocks & Sections.

You’ll learn how to efficiently translate your XD/Figma design to a pro Squarespace website and be fully informed in deciding which settings to use, may it be page width, font size, row column et al.

• Assigning Global Colors the Efficient Way

• Installing Custom Fonts, the Standout Way

• Typography Tricks

• Mastering the Fluid Editor

• Section Templates: Ensuring Responsiveness and Browser Compatibility

• Smart Ways to use Squarespace Blocks

• Autolayout Sections: Tips in Identifying which section or block to use

Time to create a stunning site from header to footer. I’ll walk you through the sections, pages, and collections designed to convert clients right from the start. By the end of your first project, you’ll be ready to launch a certified editorial page-turner in the digital space.

Leveraging Saved Sections to build out inside pages

Google Lighthouse Test for pages

Blog vs Portfolio

Setting up Shop (Squarespace Commerce)

Hosting Courses in Squarespace

Shipping & Taxes, Optimization, Handoff

What will it take to streamline your studio? Once this overview is over you’ll be thrilled with things that trip you up now: skill setting, client clinchers, premium pricing, the works.

• Identifying your Standout Style

• What to include in Client contracts? Hint: It needs to have clauses on accessibility and site performance

• Using your Product Suite as your Designer Portfolio

• Pricing and Proposal Templates

• Complete Process Templates, Contract References, Project Management Dashboard, Client Questionnaire, Website Content Guide and more!

Master the art of identifying selectors to customize any element. There’s a smart way to select and style elements and maximize the saved section feature to make the development process a breeze.

Our Smart Selector index helps you scope code customizations to apply to certain pages, collection items or elements.

• Basics of CSS in Squarespace

• Selecting Elements: The Right Way

• The Smart Selector Index

• Coding for Responsiveness

• Responsive Design Best Practices

• Championing Accessible Web Experiences + Accessibility Checklist

• Considering Site Performance and SEO + Performance Checklist

Learn the essential CSS techniques and how to leverage them in your Squarespace projects. These code techniques are not only meant to create stunning Squarespace sites. They are also key to making Squarespace sites easy to edit, fast, and performant. All concepts are demonstrated using Squarespace’s new features and interface.

• Typography Techniques

• Background Images and Gradients

• Pseudo-elements to add decors, image accents, and customize assets like arrows.

• Animations

We combine the techniques from our core curriculum and our supplementary workshops to confidently take on client and personal projects. In this module, I walk you through the standout way of building Squarespace templates. We use our smart techniques to ensure that we can automate delivery of templates and our clients do not need to touch a single line of code.

Combining Techniques

Creating Custom-coded Squarespace Templates: The Standout Way

Capstone Project

Assemble pre-coded components like building blocks on a versatile canvas. Montage builds on the responsiveness, usability, and security of Squarespace without the cookie-cutter mediocrity. You'll make the most out of it once you're through with the core curriculum.

This template comes with its own set of custom parts—some of which are well-loved within the student community, others newly inspired by mundane objects that delight each day. Either way, these handpicked sections are all incredibly made to be a couple of keywords or keystrokes away.

Customize this versatile canvas to your heart's content, whether it's switching out fonts, colors, or other elements. And if you'd ever like to make it a lot more personal, you can add your own lines of CSS with the help of specific selectors. This way, you can contribute to the final site design without slowing down its speed.

Make project handoff a whole lot easier on your end thanks to a style guide that updates itself. Each copy of Montage is furnished with a secret database of site colors, fonts, and layouts. Just like a set of Pantone swatches your clients can rely on to build out new pages without needing your help.

Montage can set the stage for your Squarespace project again, again, and again. No additional purchase required to adapt this template for any client work. As long as you're a member of the exclusive community, you can even ask for support for minor glitches or tweaks to your build.

By enrolling in the Standout Squarespace program, you’ll have access to 12-months of high-touch support from Rache and program mentors. We guide you in achieving your dream layouts and troubleshoot any coding hiccups.

Get comfortable in our special space to get what you need: refresher on the latest lesson, breather from scope creep, or designer for your next partnership. We’re here to keep you engaged & empowered in the company of curious creatives.

Access our selection of workshops, walkthroughs, and guest sessions made available within our circle. These videos are designed to present practical case studies in the form of new features, modern layouts, or recent developments.