Settings in your styleTemplate-Based

Settings screen in your app's 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.

Settings screen in your app's 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 settings screen is opened rarely but must be easy to scan: grouped lists such as Account, Notifications, Privacy, Appearance and Help, with switches, small arrows to deeper pages, the current value shown on the right, and Log out and Delete account set apart at the bottom. Upload a screenshot of your app, and we draw the settings screen and its sub-pages in your colours, fonts, icons and list style, with the exact item names from your brief. 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 of your web app becomes a phone screen; they are not app code or a Figma, Sketch or XD file.

What is included

  • What you getYou get 1, 3 or 5 upright PNG settings screens, such as the main list and sub-pages for notifications, privacy or language. If you send fewer screenshots than the package has, the extra screens are made from the same file.
  • Grouped listSections with headers, icons and arrows to sub-pages
  • Switches and valuesToggles on or off and current choices, as you pick
  • Sub-pagesNotifications, privacy or language pages as further mock-ups
  • Account actionsLog out and Delete account kept apart and clear
  • Platform lookiOS-style or Android-style lists, as your app uses

How it works

  1. 1
    Items and screenshotYou upload your app and list the settings groups and items
  2. 2
    Settings screensWe draw the lists, switches and sub-pages in your style
  3. 3
    Check and reviseYou check every label and ask for changes within your package

What we need from you

Up to 5 sharp screenshots of your app as PNG, JPEG or WebP (no PDF), one screen each, and only files you have the right to use. List the groups and items in order, mark which switches are on, and give the current values, such as the language; Latin-script languages draw most cleanly, and you check every label.

We will ask you:

  • Which groups and items should the settings list have?
  • Which switches are on, and which values are shown?
  • Which sub-pages do you need?
  • Should it look closer to iOS or Android?

Compare packages

PackagesBasic1 settings screen$10Standard3 screens$22Premium5 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

Should the app have a Delete account option?

App stores may expect apps that let people create an account to also let them delete it from inside the app; check Apple's and Google's current rules. We can show the item and its confirmation screen in your style with the wording you give, but we give no legal advice on it.

Can you show the settings in dark mode too?

Yes, one of your mock-ups can be the same settings screen in dark colours, or the Appearance page with the theme choice. Each picture is made from one upload, so a light screenshot can be the base for both.

Will I get code or a Figma file?

No, PNG pictures only, not Swift, Kotlin or web code and not a Figma, Sketch or XD file. Item names are short text drawn into the picture, and small labels can come out imperfect, so check them and ask for a revision.

How do you show linked Google or Apple accounts?

As plain labelled rows, because we don't draw other brands' logos; your developer adds the official sign-in buttons. Another app's settings guide only the style, we add no invented ratings or reviews and never change documents, and the picture is redrawn, so your logo and icons may shift slightly.

Did not find your answer?

Packages