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.
P1 — Bold + Italics
Your Site Subheader
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.
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.
How section styles work
Some layouts on this site are turned on by adding a small text note to a section. To use one, add a Markdown block anywhere inside the section and type the code exactly as shown below. The note is invisible on the live site — it only tells the section how to look.
You can add more than one code to the same Markdown block. Just separate them with a space, like Section Styles top-border pretty.
Layout & alignment
Small adjustments to how content sits inside a section.
Section borders
Thin lines that separate one section from the next.
Image borders
These apply to every image in the section. If you only want to style one image, see Single images below.
Matted images
A colored frame around the image, with a thin line where the color meets the photo. Applies to every image in the section.
Split sections
An image that fills half the section, framed and inset. Use split-section on its own for the plain version, or pick a color.
Single images
These work differently. Instead of a Markdown block, open the image's settings, add a clickthrough link, and paste one of the codes below as the web address. The image won't actually be clickable — the link is just how the style gets applied.
Click any code to copy it.
List Sections
-
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.
-
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
-
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