404 page mock-upTemplate-Based

404 page mock-up in your site style

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.

404 page mock-up in your site style

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

A 404 page appears when a link is broken or a page has moved, and a good one keeps the visitor on your site: a short friendly message that the page wasn't found, a search box, links to your most visited pages, a button back to the homepage and often a small picture or joke in your brand's tone. Upload a screenshot of your site, and we draw a new 404 page with its colours, fonts, header and footer, and your message and links from the brief, so even a dead end feels like your site. You get PNG mock-ups of about 1.5 megapixels, each made from one of your screenshots and in its shape, wide for a desktop or tall for a phone, not HTML or CSS code, a Figma, Sketch or XD file or a theme to install.

What is included

  • What you getYou get 1, 3 or 5 PNG mock-ups of your 404 page, for example in different tones, from serious to playful, or for desktop and phone. If you send fewer screenshots than the package has, the extra pictures are further variants from the same file.
  • Friendly messageYour short headline and one line in your tone
  • Way backHome button, search box and three to five useful links
  • On-brand pictureA simple scene in your site's colours, from your idea
  • Your header and footerSo the page feels like part of the site
  • Tone variantsSerious, playful or minimal versions to compare

How it works

  1. 1
    Screenshot and messageYou upload your site and write the message and links
  2. 2
    404 pageWe draw the page with your header, footer and picture idea
  3. 3
    Check and reviseYou check the wording and ask for changes within your package

What we need from you

Up to 5 sharp screenshots of your site as PNG, JPEG or WebP (no PDF), one page each, and only files you have the right to use. Write the headline, one line of explanation, three to five link labels and the button text, and describe the picture idea in a few words; Latin-script languages draw most cleanly.

We will ask you:

  • What should the headline say?
  • Which links should help visitors back?
  • What picture idea fits your brand?
  • Which tone do you want?

Compare packages

PackagesBasic1 404 page mock-up$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

Will the page fix my broken links?

No, it is a picture of the page, not HTML or CSS code, and we don't log in to your site. Your developer sets up the 404 page in your platform; Shopify, WordPress, Wix, Squarespace and Webflow each handle it in their own way, so check your theme's current options.

Can the picture include a famous character?

No, we draw an original scene in your style, such as a lost delivery box or an empty map, with no characters from other companies, no celebrities and no other brands' logos. The picture is redrawn in your colours, so small details and your logo may shift slightly.

How much text should a 404 page have?

Very little: a headline of a few words, one line of explanation and the button labels. Short text draws cleanly, and you check the spelling; longer lines can come out imperfect, and a revision fixes them.

Can I use another site's 404 page as a sample?

We use it only for its style: layout, mood and colours. We never take its logo, brand, joke or texts, add no reviews or ratings and never change documents or official forms.

Did not find your answer?

Packages