How to Make Your Squarespace Website NOT Look Like a Squarespace Website

When people think of a “Squarespace website,” they oftentimes picture a website with super large text and images stretched out across the page. Squarespace used to have a reputation of being more limited in its design constraints than other website platforms like WordPress or Webflow. But I’m here to prove to you that this is no longer true! 

With Squarespace 7.1 Fluid Engine, you can customize just about every aspect of your website's design with just a few clicks. Say hello to more creative and unique Squarespace websites with NO CODE! 

Please note: everything covered in this tutorial utilizes Squarespace 7.1 Fluid Engine. So if you are using Squarespace 7.0 or earlier, your website editor will look different and you won’t be able to utilize all of these features. 

The best way to utilize this video is to practice these techniques right away! Go make a few edits to your website ASAP to develop your muscle memory and put your skills into action. 💪

TIMESTAMPS:

  • 0:00 Welcome intro

  • 1:05 Getting started + before & after preview

  • 1:48 The most important design tips to remember

  • 2:40 Customizing your fonts

  • 4:06 Customizing your colors

  • 4:47 Adding an announcement bar

  • 5:22 Additional website header settings

  • 5:54 Changing your button styles

  • 6:25 Creating a unique home page banner

  • 9:52 Layering graphics, images, and colors

  • 17:20 Wrapping up & outro

ADDITIONAL TIPS & TRICKS

  • If you're using Fluid Engine and you want to see the grid lines while you're designing, press the letter "G" on your keyboard and they will appear. They'll disappear if you press "G" a second time.

  • Squarespace has a new "Shape" block! You can use this to add shapes and colors to your website.

  • If you want to remove the top and bottom margins of a specific section, you can go into the section settings and deselect the "Fill Screen" toggle.

  • Always make sure to review the mobile view of your website once you've made edits to a page. With the latest version of Squarespace, you have a ton of flexibility when it comes to customizing your mobile layout.

HIRE ME TO BUILD OR EDIT YOUR WEBSITE 👩‍💻

GET 10% OFF YOUR SQUARESPACE PLAN 💸

Previous
Previous

How to Edit Your Website’s Header and Footer