Site User Guide
Your type standards, color themes, and site tutorials
Tutorials
General Squarespace Basics
About Your Site Build
Articles and Resources
Type Styles
Header 1
Header One
Header One Bold
Header 2
Header Two
Header Two Bold
Header 3
Header Three
Header Three Bold
Header 4
Header Four
Header Four Bold
P1 — Large
When the left tire mark goes up on the curb and the right tire mark stays flat and even? Well, the '64 Skylark had a solid rear axle, so when the left tire would go up on the curb, the right tire would tilt out and ride along its edge. But that didn't happen here.
P2 — Body
The tire mark stayed flat and even. This car had an independent rear suspension. Now, in the '60's, there were only two other cars made in America that had positraction, and independent rear suspension, and enough power to make these marks.
P3 — Small
One was the Corvette, which could never be confused with the Buick Skylark. The other had the same body length, height, width, weight, wheel base, and wheel track as the '64 Skylark, and that was the 1963 Pontiac Tempest.
Buttons
Primary Button
Secondary Button
Tertiary Button
Note: Whenever you add a brand new button element to your site, you will need to “Edit” > “Design” > set layout to “Fit”
Color Themes
Theme colors
These come from your site's color palette in Design → Colors. Change them there and they update everywhere on the site automatically.
Brand colors
Set in the site's custom code. Changing one of these needs a code update.
Neutrals
Used for borders, dividers, and secondary text.
Click any color to copy its hex code.
Heading sample
Paragraph line to test contrast and legibility.
Heading sample
Paragraph line to test contrast and legibility.
Heading sample
Paragraph line to test contrast and legibility.
Heading sample
Paragraph line to test contrast and legibility.
Heading sample
Paragraph line to test contrast and legibility.
Heading sample
Paragraph line to test contrast and legibility.
Heading sample
Paragraph line to test contrast and legibility.
Heading sample
Paragraph line to test contrast and legibility.
Heading sample
Paragraph line to test contrast and legibility.
Heading sample
Paragraph line to test contrast and legibility.
Section Styles
Add a Markdown block to a section and type Section Styles followed by the code. Multiple codes work — separate with spaces, e.g. Section Styles pretty text-center-mobile. The block disappears on the published site. Deleting it removes the styling.
| Code | What it does | Where to use it |
|---|---|---|
pretty | Stops awkward single-word line breaks in paragraphs | Any section with body text |
text-center-mobile | Centers headings and text on mobile only | Sections that look off-balance on phones |
button-center-mobile | Centers buttons on mobile only | Any section with a button |
image-overlap | Lets a background image extend past the section edge on desktop | Sections where the image should bleed |
image-header | Hides the background image on mobile | Hero sections with wide images |
link-list | Turns a bulleted list of links into rows with a green star on hover | Tool or resource lists |
bullet-pills | Turns a bulleted list into small rounded pills in a row | Feature tags, counts, short labels |
check-list horizontal | Bulleted list becomes green checkmarks side by side in one bordered row | Two to four short claims |
check-list vertical | Bulleted list becomes green checkmarks stacked down the page | Longer benefit lists |
Note on the check lists: both need two codes together — check-list plus either horizontal or vertical. The horizontal version stacks automatically on mobile.
Section IDs
A different field — Edit Section → Advanced → Section ID. Type the ID without the #. The # is only used when you link to a section.
| ID | What it does | Notes |
|---|---|---|
whats-insidewhos-it-forpricingfaq | Product page anchors. The floating menu under the header jumps to these and highlights whichever one you're reading | The menu links to #pricing, but the ID field itself is just pricing. Rename one and its menu link stops working |
scroll-left-small | Auto-scrolling marquee, moves left, small items. Best for logo walls | Add or remove items freely — the speed adjusts automatically so it always moves at the same pace |
scroll-right-small | Same as above, moves right. Best for logo walls | On mobile it stops scrolling — the first six items show in a grid |
scroll-left-large | Marquee, moves left, larger items. Best for testimonials and cards | On mobile it stops scrolling — the first two items stack |
scroll-right-large | Same as above, moves right. Best for testimonials and cards | Hovering pauses the scroll on desktop |
List section layouts
List sections use a hidden preset system. The layout is set by Space Below Title in the section's design settings. Changing that number changes the entire layout, not just the spacing.
| Space below title | Layout | Best for |
|---|---|---|
10 | Image runs full-width with rounded top corners, button spans the full card | Product or offer cards |
20 | Centered wrap, locks to 3 columns on desktop, cards max out at 360px | Even grids of 3 or 6 |
30 | Description pinned to the bottom so cards align, bold text renders green | Testimonials of uneven length |
| anything else | Squarespace's standard layout, with the site-wide customizations below still applied | Most list sections |
Applied to every list section, whatever the number: turning on cards gives them rounded corners and a soft drop shadow; items with a button gently scale up on hover; paragraph text breaks more evenly; and carousels get extra bottom room so the shadows aren't clipped.
List Sections
Standard List Section
-
Bronze
What should we know about the services you provide? Better descriptions result in more sales.
-
Silver
What should we know about the services you provide? Better descriptions result in more sales.
-
Gold
What should we know about the services you provide? Better descriptions result in more sales.
-
Platinum
What should we know about the services you provide? Better descriptions result in more sales.
Space Above Title: 10 (Image Edge to Edge)
-
Snail Mail
Weekly essays on how to take the pressure off and move slow in a fast creator economy.
-
Master YouTube
My flagship course for creators who finally want to start a YouTube channel, find their voice, and attract their first 10k subscribers without burning out to get there.
-
Slow Creator Podcast
Honest conversations with slow creators who are choosing to create differently (even if that means failing). New episodes every month.
Space Below Title: 20 (Center Wrap)
-
Depth Over Speed
Standing out in a saturated space won’t come from posting more. It’ll come from making work so good, so distinctly yours, that people stop scrolling the moment they find it.
-
Craft Over Content
There’s a difference between making ‘content’ and making something worth watching. AI has made content cheap. But your craft ― your voice, your style, your point of view ― has never been more valuable.
-
Life Over Metrics
There’s no point curating a life that “looks” good online if you feel trapped behind the scenes. A sustainable creator business is one where you have a healthy relationship with your work and more time for the people and things that matter.
-
Permission to do it Differently
Going against the grain and resisting the pressure to follow the algorithm takes confidence ― especially when the external validation isn’t there yet. But that confidence comes from one place: knowing your work is worth the wait.
-
Play the Long Game
People remember quality long after they forget a trending video. When you build a body of work that earns trust and compounds over time, you’ll build an audience that follows you anywhere.
-
Matt is one of the most intentional creators I know. If you want to build something that lasts without burning out, he’s the person to learn from.
Ali Abdaal
-
Through Matt’s course I was able to build my foundation for storytelling, learn what goes into great video structure, and how to get clear on the values of my channel.
Kariza Santos
-
He’s someone with an unwavering commitment to his craft. Matt’s a great example for creators today to learn from in a world of overpromising and underdelivering.
Jay Clouse
-
Most creator advice is garbage. Matt’s is not. He’s been making banger videos longer than many YouTubers have been alive.
Mark Manson
-
A true 'creator's creator', Matt helped pioneer the productivity and self-improvement space on YouTube, and his filmmaking style and approach to content creation influenced a generation of creators.
Kevin Allocca -
I’ve taken a lot of courses on content creation, and most just repeat the same generic advice you probably already know. What I love about Matt's work is that the advice is easily actionable and doesn't feel overwhelming.
Christina Mychas
-
I've respected him and learned from him for a long time. My only complaint is how fast he got strong for his powerlifting challenge.
Ramit Sethi
-
If I were looking to grow as a creator, the principles Matt teaches are exactly the kind of foundation I’d want to build my career on. They’re practical, sustainable, and focused on long-term success without burning out.
Chris Hau
-
In a world where everything seems to be pushing us to create more, do more, and have more, and at all costs—including to our sanity—Matt D'Avella is the counter-cultural voice we need.
Matthew Hussey
-
Matt's videos have been one of the biggest influences on my content and creative taste. When I was learning how to make videos I was actively studying his work frame by frame with pen and paper, filling a table with shots and timestamps and drawing out editing timelines to understand how he structures his films.
Leo Keller
-
Many of the values and principles that have shaped how I run my business and navigate my career today were influenced by ideas I first encountered through Matt's work.
Danny Gevirtz
-
For years Matt has set the bar on YouTube for thoughtful, cinematic storytelling. He's done it while intentionally choosing slow, sustainable creation over hustle culture, and that example has shaped how a lot of us approach our work.
Gabe Bult