Dark mode of your appTemplate-Based

Dark mode version of your app screens

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.

Dark mode version of your app screens

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 good dark mode is more than inverted colours: backgrounds become deep greys rather than pure black, text gets softer contrast, your brand colours are adjusted so they stay readable, shadows give way to lighter surfaces, and photos and pictures are kept from glaring. Upload screenshots of your light screens, and we draw each one again in dark colours with the same layout, content and buttons, so you can see your app in dark mode before your developer builds it. You get PNG mock-ups of about 1.5 megapixels, each made from one of your screenshots and always upright 2:3, about 1024 x 1536 pixels, whatever the shape of your upload, so even a wide screenshot becomes a dark phone screen; they are not app code, a colour palette file or a Figma, Sketch or XD file.

What is included

  • What you getYou get 1, 3 or 5 upright PNG screens of your app in dark mode, one for each of your light screenshots. If you send fewer screenshots than the package has, the extra pictures are further dark variants from the same file.
  • Same screen, dark coloursLayout, texts and buttons stay as on your screenshot
  • Readable contrastLight text on deep grey, not harsh white on black
  • Brand colours adjustedYour accent colour tuned so it still stands out
  • Pictures and iconsPictures and icons toned down for dark screens
  • A dark setUp to five screens of your app in one dark style

How it works

  1. 1
    Light screenshotsYou upload the screens you want to see in dark mode
  2. 2
    Dark versionsWe redraw each screen in dark colours with the same layout
  3. 3
    Compare and reviseYou compare with the originals and ask for changes within your package

What we need from you

Up to 5 sharp screenshots of your own light screens as PNG, JPEG or WebP (no PDF), one screen each, and only files you have the right to use. Tell us your brand colour, anything that must stay exactly as it is, such as a photo or chart, and whether you prefer deep grey or near-black backgrounds; text stays as on your screenshot, Latin-script languages draw most cleanly, and small text can come out imperfect.

We will ask you:

  • Which screens should get a dark version?
  • What is your brand or accent colour?
  • Do you prefer deep grey or near-black backgrounds?
  • What must stay exactly as it is?

Compare packages

PackagesBasic1 dark screen$10Standard3 dark screens$22Premium5 dark screens$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 layout stay exactly the same?

The layout, blocks and buttons follow your screenshot, but the picture is redrawn, so small text, icons and your logo can shift slightly, and as every picture is upright 2:3, a screenshot of another shape is fitted to a phone screen. Compare each screen with the original and ask for a revision.

Do I get the dark colour codes?

No, you get PNG pictures, not a palette file, code or a Figma, Sketch or XD file. Your developer can pick colours from the pictures, but the final values are best set and checked for contrast in your app; iOS and Android both have a system dark mode, so check their current guidelines.

Which screens show dark mode best?

Busy screens with photos, cards and charts show the most: home, a list, a detail page and settings make a good set. Charts in the dark version are illustrative, so your developer keeps the real data.

Which screenshots can I send?

Screenshots of your own app that you have the right to use. If you upload another app's dark screen as a sample, we take only its style, never its logo, brand or texts. We add no other brands' logos, invented reviews or ratings and never change documents.

Did not find your answer?

Packages