squarespace website

Why I Love Squarespace for My Clients

Why I Love Squarespace for My Clients | Lemon and the Sea

Whenever I talk to people about my website design services, they always ask which platform I use to design. There are so many out there (and I’ve tried quite a few), but I’ve chosen to stick with Squarespace design because it meets the needs of my dream clients – even needs they didn’t know they had.

While some designers and online business owners are supporters of using other platforms, especially as a business grows, I’ve found that Squarespace is the best balance of beautiful design, easy-to-use functions, and integrations.

Here are some of the reasons I love Squarespace websites for my creative entrepreneur and small business clients – and for myself:

Low cost for basic websites

Squarespace offers plans starting at $16/month for up to 20 pages (less if you pay yearly). If that isn’t enough space, it’s easy to upgrade to a plan with unlimited pages for just $26/month. And, if you sell products through your website, you can choose an e-Commerce plan that allows you to pay less in fees when someone purchases.

Easy to update their own website

One of the main reasons my clients come to me for a website design is because they are frustrated with their current website. It’ shard to update – if they can even figure out how to do it on their own – and out of date because of constantly changing templates and versions.

Squarespace makes design easy because it’s a drag and drop platform with lots of different block options to meet all of your needs.

It’s also very easy to edit text on your website – without touching the code – which is important when you want to make a quick change without waiting for a designer or developer to have an opening in their schedule.

Another great feature is that Squarespace is designed to work across every platform and device – which is extrememly important now that most people visit websites on their phones. You can even check the tablet and mobile layouts while designing on your desktop.

Page templates

I’ve heard a few people complain that you can’t have page templates in Squarespace to make designing multiple pages with the same layout easy – but that isn’t actually the case.

You can create your own page templates by adding a design as an unlinked page and then duplicating it and updating the content. To learn more check out this post.

Creating page templates for my clients makes it easy for them to add new projects to the gallery or play around with the layout without worrying about messing up the live website.

Full ownership of their website

Squarespace makes it really easy to both me and my client to have access to the website during design and for me to transfer ownership once the project is completed – and I can remain on the website to make updates in the future. Check out this post to learn how to set permissions for your website.

Can see the design concept live

When designing anything for my clients - brands, websites, or collateral - I always start by designing a concept. This allows my clients to look at the ideas that I have based on their business, questionnaire answers, and our conversations before I finalize anything.

Squarespace makes this really easy for website design because I can create the concepts in Squarespace so clients can see how their website will actually look live instead of imagining a PDF becoming a working site.

We can also collaborated on changes via phone or chat so clients can see updates as they happen, which makes giving feedback and making changes much easier and faster.

Easy SEO

Check out this post for some great ways to increase your SEO with Squarespace’s built-in features and a few tricks.

Customizations are available and can really make the design their own

Great customization options that still allow someone who isn’t’ web-savvy to update their own website. That means that even if I add lots of custom features to a website, my clients can still edit pages and make updates on their own without worrying about messing up the code.

Great tutorials through Squarespace

Squarespace’s tutorials are in-depth on every feature they offer and their customer service is quick to respond to issues, so you can almost always find answers quickly if you can’t – or don’t want to – wait for a designer to help you out.

Easy integrations

Squarespace is set up to easily integrate with MailChimp (for email newsletters), Acuity (for scheduling), social media, and G Suite (for email). While you can certainly use other tools with Squarespace, their integrations make these easy to set up and maintain when you don’t want to mess with code.

Always coming up with new features

Squarespace is always developing new features and fixing bugs that have been reported, but you don’t have to worry that these updates will break your website like on some platforms. They always do beta tests with memebers of the Squarespace Circle (that’s me!), so they know that everything is working correctly.

And if you choose to work with a designer who is a Squarespace Circle member, you can use these beta items on your own website before they are released to the public (no promises they’ll work perfectly right away though).

Security

Because Squarespace creates and manages all of the integrations with their websites, there is little chance that there are loopholes people can exploit to hack a website. This may not seem like a big deal when you’re first starting out, but if you’re hacked and lose your entire website (I had this happen to a client), you know how frustrating and time consuming that can be.

Integrated e-Commerce

When you’re just starting a business, you may not know whether you want to offer products or courses that require e-Commerce capability – and that’s okay. Squarespace allows for e-Commerce on any plan and template, so you can add it at any time.

Great for any small business owner

Squarespace’s versatile templates and functions make it a great platform for any small business owner including wedding professionals, instructors, virtual assistants, designers, authors, bloggers, physical businesses, interior designers, and podcasts. If you can create a business, you can use Squarespace to design your website.


Lemon and the Sea is a brand and website design company located in Richmond, VA. I specialize in making the branding process personal. I work with creative women who have a heart to serve others grow their businesses so they can focus on what's most important - family.   I work closely with small businesses to help them dig into what makes them unique, share their vision, and build a business that genuinely represents who they are.


How to Use the Squarespace Image Block

How to Use the Squarespace Image Block

One of my favorite parts about being a Squarespace designer is that I am a member of the Squarespace Circle. While that isn't necessary to do my job, it does allow me to find out what updates Squarespace is making and experiment with my (on my website and on client sites) before they are released to everyone else. (The other big benefit is that I have a six month trial on all new websites instead of just 14 days.)

Sometime this is beneficial - I knew when Squarespace was beta-testing PayPal integration and when fixes are made - but it can also be  detrimental when I know of a new update and can't share it with other Squarespace users just yet.

One update that I am excited about - and that many people were looking forward to - is the new Squarespace Image Block and the options available for adding text to images without a separate design program.

Basically, the Image Block now allows you to add text to images in a variety of ways instead of just as a caption below or in an overlay. Plus, the design settings for each option are controlled separately, so you can change them for each type of image you use.

If you haven't experimented with the new Image Block options, here is an overview - including the settings you can update in the Design > Style Editor menu. 

 
Inline Image Block

Inline Image Block

Image Block: Inline

Display an image with optional caption

  • Caption font matches paragraph font settings
  • Do Not Display Caption
  • Caption Below
  • Caption Overlay
  • Caption Overlay on Hover
 

Poster

with subtitle

Image Block: Poster

Display an image with text overlaying it

  • Text Alignment - left, right, center
  • Title Font
  • Title Color
  • Inline Link Color
  • Title Separation - the space between the title and subtitle
  • Image Overlay Color - color filter over image
  • Content Width - the width of the text
  • Title Background Color - optional color behind the title text
 

Card Image Block

with subtitle

Image Block: Card

Display an image with the text aligned to the right or left

  • Dynamic Font Sizing (On/Off) - resizes the text based on the browser
  • Content Position - top, center, bottom
  • Text Alignment - left, center, right, match (aligns title and subtitle on the same side of the image), opposite (aligns title and subtitle on the opposite side of the image),
  • Image Width
  • Title Font
  • Title Color
  • Subtitle Font
  • Subtitle Color
  • Inline Link Color
  • Title Separation - the space between the title and subtitle
  • Card Background Color - color that displays behind the caption
  • Card Padding - spacing on either side of the caption
  • Card Separation - space between image and card background
  • Image Overlay Color - color filter over image
  • Title Background Color - optional color behind the title text
 
haute-chocolate-styled-stock-photography-brights-workday-17.jpg

Overlap Image Block

with subtitle

Image Block: Overlap

Display an image on one side with text on the other, partially overlapping the image

  • Optional background color
  • Dynamic Font Sizing (On/Off) - resizes the text based on the browser
  • Content Position - top, center, bottom
  • Text Alignment - left, center, right, match (aligns title and subtitle on the same side of the image), opposite (aligns title and subtitle on the opposite side of the image),
  • Image Width
  • Title Overlap - how much the title overlaps the image
  • Title Font
  • Title Color
  • Subtitle Font
  • Subtitle Color
  • Inline Link Color
  • Title separation - the space between the title and subtitle
  • Image overlay color - color filter over image
  • Title background color - optional color behind the title text
 

Collage Image Block

with subtitle

Image Block: Collage

Display an image on one side and text over a background “card” overlapping the image

  • Dynamic Font Sizing (On/Off) - resizes the text based on the browser
  • Content Position - top, center, bottom
  • Text Alignment - left, center, right, match (aligns title and subtitle on the same side of the image), opposite (aligns title and subtitle on the opposite side of the image),
  • Image Width
  • Content Width - the width of the caption
  • Content Offset - how much the caption overlays the image
  • Title Font
  • Title Color
  • Subtitle Font
  • Subtitle Color
  • Inline Link Color
  • Title Separation - the space between the title and subtitle
  • Card Background
  • Card Padding - space on either side of the caption
  • Image Overlay Color - color filter over image
 

Stack Image Block

with subtitle

Image Block: Stack

Display an image with text below

  • Optional background color
  • Dynamic Font Sizing (On/Off) - resizes the text based on the browser
  • Text Alignment - left, center, right, match (aligns title and subtitle on the same side of the image), opposite (aligns title and subtitle on the opposite side of the image),
  • Title Font
  • Title Color
  • Subtitle Font
  • Subtitle Color
  • Inline link Color
  • Title Separation - the space between the title and subtitle
  • Card Background
  • Card Padding - space on either side of the caption
  • Image Overlay Color - color filter over image

To-Do for You: Try out the Squarespace Image Block and take advantage of the SEO boost that having actual text instead of an image of text can give you.


Lemon and the Sea is a brand and website design company located in Richmond, VA. I specialize in making the branding process personal. I work with creative women who have a heart to serve others grow their businesses so they can focus on what's most important - family.   I work closely with small businesses to help them dig into what makes them unique, share their vision, and build a business that genuinely represents who they are.


My Favorite Squarespace Customization Tutorials

My Favorite Squarespace Customization Tutorials | Lemon and the Sea

One of my favorite things about Squarespace website design is that I can customize so much of a website while still maintaining the clean design of the platform.

But I don't figure all that customization out on my own. There are lots of great designers out there who are sharing how they have customized Squarespace, so I like to take advantage of their generous sharing to use for my own designs.

These are some of my favorite customizations and how I've used them both for my own website and for clients:

Adding a Custom Font to Squarespace from MunoSpace - This is a fantastic post if you're interested in adding a custom font (not from Google or Typekit) to your Squarespace website. It does involve some Custom CSS, but the instructions are easy to follow - just make sure the font you want to use is a Webfont. I used this tutorial to change one of the heading fonts on Stag and Lily Event Co. to match the logo design.

 

How to Create an Accordian Menu from Forth and Create - This customization may seem difficult since it includes Custom CSS, Javascript, and a Markdown Block, but the instructions are easy to follow. I used this customization on quote a few pages for Ronsen Consulting so we could display a lot of in-depth information in a way that is interactive and legible.

 

Adding Domain and Email Aliases with G Suite from Squarespace Answers - This tutorial, which is actually the answer to a question in Squarespace's forum is extremely helpful if you have two domains for your website and want to receive emails to both without setting up and paying for two G Suite accounts. I used this to help Nicole at Stag and Lily Event Co. transition her domain name and email address.

How to Use Index Pages in Squarespace from Lemon and the Sea - This tutorial walks you through how I used Index pages and Custom CSS to create the new look for my website, Lemon and the Sea.

 

Squarespace SEO Tricks You Should be Using from Lemon and the Sea - I created this tutorial to help bust the myth that Squarespace can't have good SEO and to share the tricks I've learned through setting up basic SEO on all my client websites.

Squarespace Hack: Customize Your Contact Form from Forth and Create - This easy-to-follow tutorial uses Custom CSS to customize Squarespace forms so they better fit your brand. I use this on most client websites, including Candice Prentice's author website.

How to Create a Gallery in Squarespace from Lemon and the Sea - Galleries are one of my favorite tools in Squarespace, especially for small businesses that need to show a lot of images. I used this tutorial to help Jennifer at CAVdesign create her portfolio, as well as for Kate Phillips Events in a brief Squarespace customization consultation.

 
 

Customizing Squarespace with CSS Tricks from My Billie Designs  - this post covers a few different CSS Customizations you can use to make your website more unique.

Custom CSS for Menu/Recipe Design from Meg Summerfield  - The menu block isn't one I use often in website design, so I was thrilled to find this tutorial that allowed me to customize the block for use as a recipe display on Candice Prentice's Recipe Blog.

 

3 Ways to Have a ‘Tweet This’ Quote on Your Squarespace Website from Kreanille Design  - If you've ever wanted to add a "Tweet This" link on your Squarespace website, this post will show you a few options for creating one. I used this on my blog for a while before I began to focus more on Instagram and Pinterest.

How to Customize the Read More Link on Squarespace Blog Post Excerpts from Megan Minns - I haven't used this tutorial yet, but I'm excited to. Megan explains in detail how to customize your Read More links in blog posts so that they are more visible and fit your brand.

To-Do for You: Check out Squarespace tutorials (Pinterest is a great place to find them) and see how you can make your website your own.


Lemon and the Sea is a brand and website design company located in Richmond, VA. I specialize in making the branding process personal. I work with creative women who have a heart to serve others grow their businesses so they can focus on what's most important - family.   I work closely with small businesses to help them dig into what makes them unique, share their vision, and build a business that genuinely represents who they are.


7 Little Known Squarespace Tricks

7 Little Known Squarespace Tricks | Lemon and the Sea

Part of the reason I love using Squarespace so much for website design is that there are quite a few ways to customize your site without having to be a designer or developer. This is especially helpful because almost all of my clients come to me because they have no idea how to design a website on their own, but they want to be able to make basic changes once the website is live.

These are some of my favorite tricks to make designing on Squarespace easier and think outside of the restrictions you might have with the template you’ve chosen.

1. Duplicating a Page

This is one of my favorite tricks (I share it with all my clients), but most people have no idea it’s possible. You can easily duplicate any regular page on your website by opening the page settings, scrolling to the bottom, and clicking Duplicate Page. Then you just need to rename it, place it where it needs to be, and start editing.

I use this feature to create page templates that my clients can then duplicate to make adding new pages or projects easy. This really comes in handy when you have a portfolio with different project pages – you want them to have the same layout, but it can take a long time to recreate a page full of images each time you feature a new project.

You can also duplicate pages if you want to update your design without having the changes go live as soon as you save. Simply duplicate the page you want to work on and move it under Unlinked Pages in the side menu. Then you can change anything you want without worrying about your visitors seeing all sorts of crazy changes.

2. Adding Custom CSS to One Page

If you want to really customize your Squarespace website, custom CSS is a great way to get the look you want without having to be a website developer. (If you want to learn more about Custom CSS, check this post out. )But sometimes you want customizations on one page instead of throughout your website.

To add Custom CSS to one page at a time, simply open the page settings, go to the Advanced tab, and paste your CSS into the Page Header Code Injection area. You will need to make sure your code is read by adding Style tags like this, <style>/* Insert Custom CSS Here */</style>, but otherwise it works the same as the Custom CSS section.

You can also add Javascript, metatags, or other custom code to the Page Header Code Injection area to further customize your Squarespace website. (To see how I use this section to build my SEO, check out this post [http://www.lemonandthesea.com/blog/squarespace-seo-tricks-you-should-be-using].)

3. Creating a Faux Sidebar

While I love Squarespace, there are some limitations based on the template you choose. One of the biggest is that there is very little flexibility in how a blog displays.

For example, I recently had a client who wanted her blog page to be very simple and streamlined with the blog post thumbnail and excerpt laid out in columns. Because of her template, there was no way to create that look using her current template (even with Custom CSS).

Instead, we found a solution by creating a regular page and adding a Summary Block to display her blog posts. The problem with this? There was now no sidebar.

This is where Squarespace’s column design comes in handy – I was able to create a faux sidebar by lining up all the items in her previous sidebar and making them only a few columns wide. Then the Sumamry Block with here posts could look the way she wanted and the page still looked like the blog visitors see when they open a post to read more.

If you want to see how this works, check out Maggie Richard’s new website design featuring a custom designed page for her main blog.

4. Adding Permissions

Have you ever shared your Squarespace user name and password with someone who needs to access your website? You don’t have to!

Squarespace has built in a really great (and easy) system for adding people to your website with different permissions based on what they need access to. Check out my in-depth tutorial on how to set permissions and the different types of users you can have on your Squarespace website.

Just a note – on the Personal plan, you can only add one other person to your account, so if you have multiple people who need to access your website, you will need to upgrade to a Business plan.

5. Using a Cover Page instead of LeadPages

One of the reasons that I’m willing to pay a little more for Squarespace than I might for WordPress is that I can cut out other plugins and services.

LeadPages has become a very popular tool lately because it allows you to easily get people onto your email list (or signed up for your event) with great analytics and a high conversion rate. But if you’re on a budget or just starting out, LeadPages may seem overwhelming.

That’s where I like to use Squarespace Cover Pages. You can create a great looking landing page in just a few minutes that’s hosted on your website and doesn’t cost anything extra. Then you can set it up to connect to your email list, send people to a PayPal link, or anything else you want to do.

For a tutorial on how to create a Cover Page in Squarespace, check out this post[http://www.lemonandthesea.com/blog/creating-a-cover-page-in-squarespace]. It even includes a video tutorial from my Tutorial Library.

6. Changing the Squarespace Block Spacing

One of the biggest complaints I get from clients using Squarespace is that the blocks are all too far apart. While Squarespace does this on purpose to add white space to the design, sometimes it is too much for what you’re trying to accomplish, especially since each block has padding around it that can add up.

The solution for this is simple if you just add a little Custom CSS to your website. Go to Design > Custom CSS and add this code into the CSS block. You can adjust the margin numbers based on your design, but I’ve found that there work well to still allow for space while reducing it enough that your design doesn’t look too spread out.

/*SS Block Size*/

.sqs-block {margin-top: -5px; margin-bottom: -5px;}

There is also Custom CSS you can add to individual block types to adjust the spacing on those further, but that can vary by template.

7. Connecting Social Media Accounts

Did you know that Squarespace makes it really simple to connect to and share on your social media profiles?

Simply go to Settings > Connected Accounts and add any social media accounts you want to display (add them in the order you want them to appear). Then allow Squarespace to connect to your account and changes any settings as needed.

Now, when you add a Social Links block, the icons for those social platforms will display and will automatically link to your profile or page.

Here’s one more tip if you are trying to connect to a Facebook Business page: You will need to sign into Facebook with your regular account and then change the Push Target to the page you want blog posts to post to and update the Profile URL so it links to your business page instead of defaulting to your personal page.

To-Do for You: Check out your own Squarespace website and see if you can take advantage of any of these little known tricks.


Lemon and the Sea is a brand and website design company located in Richmond, VA. I specialize in making the branding process personal. I work with creative women who have a heart to serve others grow their businesses so they can focus on what's most important - family.   I work closely with small businesses to help them dig into what makes them unique, share their vision, and build a business that genuinely represents who they are.


How to Use Index Pages in Squarespace

How to Use Index Pages in Squarespace | Lemon and the Sea: Step-by-step guide to index pages in Squarespace including custom CSS you can use to make your website design unique.

If you've been to Lemon and the Sea before, you may have noticed that I made some changes to my website design. I updated the colors, making the brighter and more vibrant, updated my copy, organized some pages, created new awesome resources in The Vault, and redesigned quite a few of my page layouts.

While some changes are small, the thing that took the longest and has the most impact are the new layouts for the Home, About, and Services pages. In addition to changing the content on these pages, I also redesigned them using Index pages.

Why I Love Index Pages

I love Squarespace's Index pages because they make it so easy to create beautiful layouts with sections that are easy to customize. This is a feature you'll see on a lot of WordPress websites, with full-bleed images and colored backgrounds helping to divide up a page so it's easy to read, but it's not easy to replicate in Squarespace.

But now that Index pages have become more popular and are offered of many different templates, you can get this look without a lot of custom coding on the back-end of your website. (Just a note: Each page of an Index and the Index itself all count towards your pages, so if you're on the Personal plan, you may have to upgrade to have more pages available.)

 

Templates that Use Index Pages

Squarespace offers three types of Index pages. Templates that offer Index pages will have one of the following types, but not multiple types:

  • Grid Style - each page in the Index creates a thumbnail image on the Index page. To open the page, a visitor would click on the thumbnails. This style created a visual navigation grid. See an example.

  • Stacked Style - each page in the Index creates a section on a single scrolling page. Each stacks vertically, giving the look of one page, but with more options for customization. See an example.

  • Slideshow Style - each page in the Index displays as a full-age background image with content on top. Visitors click on the page title to open the connected page. See an example.

Many Squarespace templates offer Index pages, but some do not. If you want to use Index pages as part of your design, make sure you choose a template with the type of Index options you want.

  • Avenue - Grid with required thumbnails

  • Beford, Anya, Bryant, Hayden - Stacked

  • Brine, Basil, Clay, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Jaunt, Juke, Keene, Lincoln, Marta, Mercer, Mojave, Motto, Nueva, Rally, Rover, Sonora, Thorne - Stacked

  • Flatiron - Grid with required thumbnails

  • Forte- Slideshow with required thumbnails

  • Marquee, Adversary, Alex, Eamon, Ginger, Mint, Shift - Stacked

  • Momentum - Slideshow with required thumbnails

  • Montauk, Julia, Kent, Om - Grid with required thumbnails

  • Pacific, Bryler, Charlotte, Fulton, Horizon, Naomi - Stacked

  • Supply - Grid wtih required thumbnails

  • Tremont, Carson, Henson - Slideshow with optional thumbnails

  • York, Artesia, Harris, Lange, Jasper, Shibori, Taylor - Grid with optional thumbnails

If your current template does not offer Index pages, you can create something similar on your own.

  • Grid Style - create a grid on images with clickthrough links on a regular page. This will look very similar to a grid-style Index page, but you will have to create and align each image yourself.

  • Stacked Style - Add images and text to a regular page. This will limit you somewhat because your images will not be full-width and it is more difficult to add different backgrounds to each section.

  • Slideshow Style - Add a Cover Page with multiple images that will rotate. This will give you a similar appearance to a slideshow-style Index page, but will not have a menu bar or footer.

 

Creating an Index Page

To create an Index page, you will need to start by creating an Index. You can do this by creating a new page and selecting Index.

You can adjust the settings of an Index as you would any other page by clicking on the gear icon. Here you can add a banner image, update the Index name and URL, and add custom code.

Once you've created the Index, you will need to add pages to it. You can either add a new page into the Index by Adding a Section or by dragging an existing page under the Index.

 

Adding Pages

Once you have the Index created and some sections added, you will need to design each section. This works just like editing a regular page. In a stacked-style Index, you will see an Edit option for each section as you scroll down the page.

If you want to reorder the pages in your Index, simply drag and drop them in the order they should appear.

If you are using a grid- or slideshow-style Index, make sure you have added the thumbnail you want to display for each section.

 

Styling

Each Idex style and template will allow for different style options, which you can find in the Style Editor (Design > Style Editor).

  • For grid-style Index pages, you can change the number and shape of the thumbnails, adjust the padding, and change how the page title appears.

  • For stacked-style Index pages, you can change the fonts, navigation elements, and how the page content appears. These options will vary by template, so be sure to check out which options are available for the template you are using in Squarespace's tutorial.

  • For slideshow-style Index pages, you can style the page names and how visitors click through to the connected page.

 

Custom CSS

If you want to add a custom background color or image to any section of the Index, you can do so with some custom code. This needs to be placed in the Advanced tab of the Index settings, not in the settings for the section itself.

Start by adding the Style designations to the Advanced tab. This will tell Squarespace that you are adding CSS code.

<style> custom css goes here </style>

Adding a Colored Background

If you want to add a colored background to an Index section, use the following code. You will need to change the "section-url" text to match the URL of the page within the index you are targeting. You can then add the custom color in rgba or hex format.

RGBA: #section-url {background: rgba(173, 222, 224, 0.3);}

Hex: #section-url {background: #59c4c0;}

Adding a background image

You can also add a background image to each index section. To do this you will need to upload the image to Squarespace and then assign it to the section you want it to appear in.

Start by resizing and making any adjustments to the image in a photo editing program such as Canva or Adobe Photoshop (this may take some trial and error, so save any files you've been working on so you can access them later).

Then, upload the image to Squarespace by going to Design > Custom CSS > Manage Custom Files. You can either drag the image into the Custom Files section or upload it by clicking on the arrow. I like to add Custom Files by opening the Custom CSS section in a window because it is easier to read.

Once your image has been added to Squarespace, you will need to find it's unique URL. Do this by going to the top or bottom of the custom CSS that is already on your website and then clicking on the image. You will then see the URL of that image appear in your code. Copy the entire code, then remove it from the code section (so you don't mess up any customizations), and save.

Once you have the image's URL, you can navigate back to the Index settings and add it to the code there using the following:

#section-url { background-image: url(your-image-url);

You will need to replace the "section-url" with the page you are targeting and "your-image-url" with the URL you just copied.

Once you save the Settings, you can refresh the page and your changes will appear.

The best types of images for Index page backgrounds are repeating patterns because you won't have to worry about parts being cut off, but you can use other images as well. I used both in my website redesign, but it did take some trial-and-error to get the image size and cropping correct.

 

And that's how you can use Index pages in your own Squarespace website design. If you're using Index pages, I'd love to see what you've done with them to customize your website.


Lemon and the Sea is a brand and website design company located in Richmond, VA. I specialize in making the branding process personal. I work with creative women who have a heart to serve others grow their businesses so they can focus on what's most important - family.   I work closely with small businesses to help them dig into what makes them unique, share their vision, and build a business that genuinely represents who they are.