Design a Card Hero in Squarespace with Square Forge [Video]

Do you need to sharpen your Squarespace skills by getting involved with a community of creatives? Great news! We are launching our new Pixelhaze Community on Skool.

You can join our waitlist here to find out more: https://community.pixelhaze.academy/interest Start using Square Forge for free to boost your Squarespace websites: https://squareforge.net

GET A 20% DISCOUNT ON YOUR FIRST ANNUAL/MONTHLY SQUARESPACE PLAN!

Just follow the steps below:
1. Create a free trial in Squarespace by following the link below: https://squarespace.syuh.net/pixelhaze
2. When subscribing to your first plan, use our voucher code to get a 20% discount on your first month/year plan: PixelHaze20

This tutorial guides viewers through creating a hero unit for a Squarespace website, starting from scratch and mirroring a design from Square Forge. The presenter demonstrates how to add and edit a section, include a detailed background photo from Unsplash, adjust the photo’s focal point, and add a text block and a button with custom alignments and designs. They also discuss utilizing Squarespace’s fluid engine for styling backgrounds and adjusting overlay capacities for contrast. Further, the tutorial highlights the benefits of Square Forge for those with a budget but also details a step-by-step method for those on a limited budget to achieve a similar layout. The tutorial concludes with testing the design on mobile for consistency and the suggestion to save the section as a favourite for easy reuse on other pages. Offers and deals related to Squarespace and Square Forge are mentioned to be available in the video description.

00:00 Introduction to Hero Unit Design
00:21 Starting the Hero Unit Build
00:50 Choosing and Editing the Background Photo
01:48 Adding and Styling Text Blocks
02:31 Incorporating and Customizing a Button
03:19 Final Adjustments and Mobile Optimization
04:10 Comparing Layouts and Final Thoughts