Screens in your styleTemplate-Based

New website, app or email screens in the style of your screenshot: pages, landings, mobile, dark mode

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

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

New website, app or email screens in the style of your screenshot: pages, landings, mobile, dark mode

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

See what a new page will look like before your developer builds it. Upload a screenshot of your own website, app, email or template, such as a Shopify, WordPress, Wix, Squarespace or Webflow theme, or a sample design you like, and we make new screen mock-ups in that style: other pages, a landing page, app screens, a mobile version, a dark mode or an email. The colours, layout, spacing and mood follow your screenshot, so the new screens look like part of the same product. You get PNG mock-up pictures of the screens: not HTML or CSS code, not a Figma, Sketch or XD file and not a ready theme or template to install; your developer or you build the page from the picture. Text in the mock-up is short: placeholder lines or your own headings from the brief, and small text can come out imperfect. We do not copy another company's site one-to-one: a sample from someone else is used only for its style (layout, mood and colours), never for its logo, brand or texts. You must have the rights to your own content in the screenshot. You upload up to 5 pictures (PNG, JPEG or WebP; PDF is not accepted), and each finished picture is made from one of them. You get PNG images of about 1.5 megapixels in the shape of your screenshot (wide for a desktop, tall for a phone): good for screens, presentations and briefs for your developer, not for large prints. The picture is redrawn, so the colours, mood and layout of your style carry over, but small details can differ: small text, fonts, icons and logos may change slightly; check the result and ask for a revision.

What is included

  • What you getNew screens as PNG mock-up pictures, one for each mock-up in your package, each made from one of your screenshots. If you send fewer files than your package has, the extra pictures are further variants from the same file, such as other pages in the same style. You get PNG files of about 1.5 megapixels, shown on the order page and ready to download.
  • New pagesAbout, pricing, contacts, product, blog and more
  • Landing pagesFor a campaign, launch, webinar or sale
  • App screensOnboarding, settings, profile, checkout, empty states
  • Mobile and dark modeYour screens for a phone or in dark colours
  • EmailsNew emails in the style of your newsletter
  • Mock-up, not codeA picture for your developer to build from

How it works

  1. 1
    UploadYou upload your screenshot and list the screens you need
  2. 2
    Mock-upsWe draw the new screens in the style of your screenshot
  3. 3
    DeliveryYou get the finished PNG pictures on the order page
  4. 4
    RevisionsYou check them and ask for changes within your package

What we need from you

Up to 5 screenshots as PNG, JPEG or WebP (no PDF), sharp, of one screen each: your website, app, email or theme, or a sample you like. For each mock-up, say which screen you need (e.g. a pricing page, a mobile checkout, a dark-mode settings screen), its sections in order, and the headings and button labels exactly as they should appear, or ask for placeholder text. For a very long page, send the part you need or split it into several mock-ups.

We will ask you:

  • Which screens do you need?
  • What should each screen contain?
  • Which headings and buttons should it show?
  • Is the screenshot your own or a sample you like?

Compare packages

Basic1 mock-up$10Standard3 mock-ups$22Premium5 mock-ups$39
Deadline1 day1 day2 days
Revisions123
Mock-ups135
FormatPNGPNGPNG
Screensyour choiceyour choiceyour choice
OrderOrderOrder

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 code or a Figma file?

No. You get PNG pictures of the screens: not HTML or CSS code, not a Figma, Sketch or XD file, and not a theme or template you can install on Shopify, WordPress, Wix, Squarespace or Webflow. Your developer or you build the page from the picture, in your own site builder or code.

Can I get a mobile version from a desktop screenshot?

Yes. Each picture has the shape of the file it is made from, so a wide desktop screenshot gives a wide picture with the phone screens shown on it. For a tall, phone-shaped picture, also upload a tall screenshot, such as your site on a phone or a phone sample you like.

Will the text in the mock-up be readable?

Headings and button labels from your brief are drawn into the picture, so keep them short. Body text is shown as short placeholder lines, and small text can come out imperfect. Check every word, and revisions fix them; your real texts go in when the page is built.

Can you copy a site I like?

We do not copy another company's site one-to-one. A sample from someone else is used only for its style: layout, mood and colours. We never use its logo, brand, texts or pictures; your mock-up gets your name and content.

Which files and content won't you work with?

We never change or recreate documents, certificates, receipts, diplomas or official forms, and we do not make fake reviews, ratings, awards or test results. We do not put other brands' logos into the picture. Our pictures always have a full background, so a transparent PNG is not available.

Can I send any file?

Send only files you have the right to use: screenshots of your own site, app, email or template, with the rights to your logo, photos and texts in them. A sample made by someone else is used only for its style, never for its logo, brand or texts.

Did not find your answer?

All services in New Design

Also in New Design

Related sections

Original
Order · $22· ~15 min