Crafting Perfect Squarespace Info Pages

Last Edited Time

Jun 25, 2025 09:35 PM

Do not index

Suggested Tag

Squarespace

squarespace 7.0

squarespace customization

Tags Synced

AI summary

Info Pages in Squarespace 7.0 are unique landing pages that can't be duplicated or deleted, designed for striking layouts with built-in navigation. Customization is done through Site Styles, focusing on background images, overlay colors, and text styling, while keeping layouts clean and mobile-friendly is essential.

Last edited by

Platform

Squarespace

Working with Info Pages in Squarespace 7.0

Your essential guide to crafting perfect Squarespace Info Pages.

TL;DR: Key Points

Info Pages are a special page type in Squarespace 7.0 templates (not available in 7.1)

You can't add or remove them, but you can customise the existing one extensively

Perfect for striking homepage layouts with built-in navigation and social icons

All styling happens through Site Styles, not the usual page editor

What Info Pages Actually Are

Info Pages are unique landing pages that come built into certain Squarespace 7.0 templates (specifically the Aviator family). Think of them as souped-up homepage options that automatically display your navigation menu, social icons, and a customisable content area all in one clean layout.

They're different from regular pages because you can't duplicate, delete, or create new ones. You get one per template, and it's all about making the most of what's there.

Finding and Editing Your Info Page

Here's how to get started:

Go to your Pages panel in Squarespace

Look for the page with a dotted box icon - that's your Info Page

In Aviator templates, it's called 'Welcome'. In Aubrey and Encore, it's 'Home'

Hover over the page name and click 'Edit'

Important: Info Pages only exist in Squarespace 7.0. If you're on 7.1, you won't see this option at all.

Customising Your Content

Unlike regular pages where you add blocks directly, Info Pages work differently. Most of your customisation happens in Site Styles:

For text content:

Go to Site Styles panel

Find 'Info Page' styles

Enable 'Freeform text on info page' to add custom content

Use the typography settings to change fonts and text styling

For adding blocks:

Click 'Edit' directly on the Info Page itself

Add text blocks, images, or other content as needed

Remember that layout is controlled by the template, not individual block positioning

Background and Visual Styling

This is where Info Pages really shine:

Background images:

In Site Styles, find 'Info page background image'

Upload your image here (not through the regular page background option)

The image will be responsive across all devices

Overlay colours:

Use 'Info page background overlay' to add a colour wash over your background

This helps text readability when you have busy background images

Layout tweaks:

Adjust 'Info page content width' to make text narrower or wider

Try different layout options in 'Info page layout' (this affects the whole site's layout, not just the Info Page)

Making It Work for You

Best practices:

Keep your background image high contrast with your text

Use overlay colours sparingly - they can muddy your brand colours

Test on mobile - Info Pages can look very different on small screens

Don't overcomplicate the layout - Info Pages work best when they're clean and focused

Common mistakes to avoid:

Trying to add blocks the same way you would on regular pages

Forgetting that layout changes affect your entire site

Using low-resolution background images that look pixelated

Quick Answers

Can I create additional Info Pages? No. Each 7.0 template that supports Info Pages comes with one, and that's it.

Why can't I find Info Pages in my 7.1 site? Info Pages don't exist in Squarespace 7.1. They're a 7.0-only feature.

Can I use an Info Page as my homepage? Yes, and they're designed for exactly that purpose. Just set it as your homepage in Site Settings.

What's the difference between Info Page backgrounds and regular page backgrounds? Regular page backgrounds are added through the page editor. Info Page backgrounds are controlled entirely through Site Styles and have different responsive behaviour.

Key Terms

Info Page: A special landing page type in Squarespace 7.0 with automatic navigation display and unique styling options.

Site Styles: The design control panel where you adjust colours, fonts, and layout settings that affect your entire site.

Overlay: A semi-transparent colour layer placed over background images to improve text readability.

Freeform text: Custom text content you can add to Info Pages (as opposed to the default template text).

Info Pages give you a powerful way to create professional-looking landing pages without needing to wrestle with complex layouts. They're particularly useful if you want a homepage that feels more like a marketing page than a traditional website front page. The key is understanding that they work differently from regular Squarespace pages, but once you get the hang of the Site Styles approach, they're quite straightforward to customise.