Squarespace homepage mock-upTemplate-Based

Homepage mock-up in the style of your Squarespace template

Usually ready in 15 minutesRevisions includedQuality check
Packages
Payment protectionDetails
  • Revisions within the package are free.
  • If you do not respond within 3 days of delivery, the work is accepted automatically.

The money is reserved when you pay and released only once you accept the work.

Homepage mock-up in the style of your Squarespace template

Example result

Example for the Standard package

Mobile version of a bakery site from a desktop screenshot

Before: the desktop homepage

The desktop screenshot

After: the phone screen

The mobile homepage mock-up

File: PNG mock-up, about 1.5 megapixels. A picture of the design for the client's developer, not HTML code or a Figma file.

Client: Crumb & Kettle, a neighbourhood bakery. Task: show how their homepage should look on a phone, keeping the fonts, colours, button and photos of the desktop site.

The client and all details are made up.

About this service

On Squarespace 7.1 templates mostly differ by their starting layout and styles, so your homepage can take almost any look through sections, fonts and colour themes, and the hard part is deciding what that look should be. Upload a screenshot of your Squarespace site or a template you like, and we draw a new homepage in that style, with a full-width image hero, an intro, services or shop items, a gallery, a newsletter block and footer, as a PNG picture rather than a template, a site to duplicate or CSS code. Each picture is made from one of your screenshots at about 1.5 megapixels in its shape, wide from a desktop capture and tall from a phone one.

What is included

  • What you getYou get 1, 3 or 5 PNG mock-ups of your new Squarespace homepage, with light and dark sections alternating the way your template does it. The pictures are redrawn, so fonts, icons and photos come out close to your screenshot rather than identical.
  • Big image heroA large photo with a short heading and one button
  • Section colour themesLight and dark sections alternating like on your site
  • Shop, services or portfolioGrid blocks in your template's style
  • Newsletter and contactA sign-up block and a short contact strip
  • A plan for the editorSections and blocks you set up in Squarespace

How it works

  1. 1
    ScreenshotYou upload your Squarespace site or a template you like
  2. 2
    HomepageWe draw the new homepage with its sections and colour themes
  3. 3
    RevisionsYou check the words and ask for changes within your package

What we need from you

Up to 5 sharp screenshots as PNG, JPEG or WebP (no PDF), one screen each: your Squarespace site, a page of it on a phone or a template you like. Tell us what the homepage should lead with, the sections in order and the headings and buttons exactly as they should read, or ask for placeholder text. If you send fewer screenshots than your package has, the extra pictures are further variants from the same file. Use only photos and screenshots you have the right to use; we don't recreate certificates or official documents.

We will ask you:

  • Which site or template is in your screenshot?
  • What should the homepage lead with?
  • Which sections follow, in order?
  • Which headings and button labels should it show?

Compare packages

PackagesBasic1 homepage screen$10Standard3 mock-ups$22Premium5 mock-ups$39
Deadline1 day1 day2 days
Revisions123
Mock-ups135
FormatPNGPNGPNG
Screensyour choiceyour choiceyour choice
Order BasicOrder StandardOrder Premium

Payment protection

You pay when you order, but the money is released only for accepted work.

  • Fixed priceThe package price does not change after you pay.
  • The money is reservedWhen you pay, the amount is only reserved. It is released to the service once you accept the work.
  • Checked before deliveryEvery result goes through a quality check before it reaches you, and you see it on the order page before accepting it.
  • Free revisionsAsk for changes within your brief as many times as the package allows.
  • Acceptance after 3 daysIf within 3 days of delivery you neither accept the work nor ask for changes, it is accepted automatically. If you write in the order chat after delivery, the order waits; once we answer, we may start the 3 days again and will say so in the chat.
  • Redo or a full refundIf the result does not match your brief and the revisions did not fix it, or the work takes more than twice its deadline, write in the order chat: we will redo the work or refund the payment in full.
How it works →

Questions and answers

Do I get a Squarespace template or a site copy?

No. You get PNG pictures, not a template, a duplicated site, a section file or custom CSS, and we never log in to your Squarespace account. You rebuild the look in the editor with sections, blocks and site styles; check the current options in your Squarespace version.

My site is on an older Squarespace version. Does that matter?

Not for the mock-up: we work from the screenshot, whatever version it shows. Rebuilding may differ, since older 7.0 templates can have their own layout options, so check your version's settings before you plan the work.

Can my photos appear in the hero?

Photos visible in your screenshot can carry over, but they come out close rather than identical, so treat them as stand-ins and place your real photos in Squarespace. Only use photos you have the right to use.

What text and content won't be there?

Text is short: your headings and buttons, with placeholder lines for the rest; small text can come out imperfect and Latin-script languages work best. We don't add fake reviews, ratings, press mentions or other brands' logos.

Did not find your answer?

Packages