Squarespace

Why it works

Expansive whitespace pairs with a single compelling headline, letting rotating template previews demonstrate the product without a word of description. Type hierarchy guides attention downward naturally, while a single social-proof stat — 14 million entrepreneurs — lands trust without cluttering the page.

Who should look at this

Solo entrepreneurs and freelancers who worry their offering feels too niche or unproven to warrant a polished website.

Signature technique

A rotating hero carousel with minimal text overlay — show what is possible rather than describing features, letting the work speak before the copy does.

How the page is built

1. Navigation over the photo. The logo and three menus sit directly on the picture with no bar behind them, with a plain 'Log in' and one white 'Get started' button.
2. Full-screen photograph. A warm, dim photograph of two children playing basketball in a gym fills the opening screen, selling the feeling of getting something started before any software appears.
3. Short headline and one button. A light-weight headline and a single white 'Get started' button sit over the photo, with 'Start for free. No credit card required.' beneath to remove the last worry.
4. Overlapping example sites. Three finished websites are tilted and overlapped across the bottom of the photo, showing very different moods, from a bold summer camp to pale piano lessons.
5. Black numbers band. Three large figures on solid black, covering entrepreneurs served, money earned and countries reached, add proof right after the photo.
6. Grow your business intro. A calm white section with a centred line, 'You deserve a website that can do it all', resets the pace after the dark opening.
7. Jobs the site can do. Short command headings such as 'Offer services', 'Sell products', 'Invoice clients' and 'Get booked' name the everyday jobs a business owner wants done.

Look and feel

The opening is a full-screen photograph in warm amber light with dark silhouettes, topped by a thin white headline, so the page feels like a film poster rather than a software page. It then cuts to solid black and finally to white, with three example sites in very different moods, earthy, bold and pale, proving range at a glance.

Where it might not fit

The headline is emotional but vague, so a visitor who does not know the brand has to scroll to learn what is actually being sold. A photo this large also only works if you have a striking image that matches your audience, and a weak stock photo would hurt more than a plain background.

What to borrow

• Open with a full-width photograph that shows the result in someone's life instead of a product screen, so visitors feel the outcome first.
• Overlap two or three of your best examples across the bottom edge of the photo and tilt them slightly, so range is visible without any text.
• Put a reassurance line directly under the main button, such as 'Start for free. No credit card required', to remove the last worry at the moment of the click.

Brief your developer

“I want a full-width photograph as the opening background with a short, light-weight headline and one white button, three of our example sites overlapping across the bottom edge of the photo, and a black strip of three big numbers below.”

Want a full version for your own site? Get the brief.

Should my homepage open with a photo or a product screenshot?

Squarespace opens with a full-screen photograph of two children playing basketball in a gym, then lays three finished websites across the bottom of it. The photograph sells the feeling and the websites prove the product. It works best when you have a striking photo that matches your audience, because a weak stock image would hurt more than a plain background.

How do I make a homepage speak to many different types of business?

Squarespace names everyday jobs as short commands, such as 'Offer services' and 'Get booked', and organises its menu by type of business, including coaches, hair salons and restaurants. Visitors see their own situation named. If your audience is narrow, a single list of the jobs you do for them does the same work.