iOS Screen Patterns

35 screen types, each with a working prototype. Every page names the parts the type is built from, how often they appeared on 20 checked screens, and what to expect, with redrawn examples from real apps. Click any line marked ▸ to set the phone to that exact example.

Getting in6

MarlowSplashShow the brand for a moment while the app starts.8 partsWindowsillWelcomeTell a new person in one short line what the app does for them, then let them start.10 partsFernwaySign-inLet the person prove who they are, or make an account, with as little typing as possible.10 partsMarlowVerifyCheck that the person owns the email, phone or device they gave, by asking for a code or a tap on a link.10 partsTidelinePermissionAsk for access to notifications, location, camera, tracking or similar, and say what the person gets in return.8 partsTidewellSetupCollect one answer or one connection at a time so the app can be set up for this person.10 parts

Finding6

WayfieldHomeShow a person what is new and what needs attention, then give them a short way into the thing they came to do.10 partsFernleafFeedLet a person scroll through a steady supply of posts, stories or articles and stop on whatever catches their eye.9 partsFernwickCatalogShow many things of one kind, such as products, meals, songs or places, so the person can scan them and pick one.10 partsPanwellSearchLet a person type what they are looking for and get to it without browsing.10 partsWrenFilterLet a person narrow a long list by setting a few choices, then go back to a shorter list.10 partsBeanlineMapShow where things are, so the person can pick a place or point on the map and act on it.10 parts

Viewing5

FernhillDetailShow everything about one thing the person picked, and put the next step within reach.10 partsMarlowArticleLet the person read a long piece of text from top to bottom without distraction.10 partsDriftwoodPlayerPlay one video, track or live stream and give the few controls needed to steer it.9 partsSaltmarshGalleryLet the person look at one photo at full size and move through the set.8 partsKilnsideProfileShow who a person, creator or business is, and give a reason to follow, contact or trust them.10 parts

Making and talking6

FernlyChatLet the person read and write one running conversation with another person, a group or an AI.10 partsBrindleInboxShow every conversation or message in one list so the person can find the one they want to open.10 partsWrenlyComposeLet the person make or change one thing, such as a post, note, photo, video or design, and then finish or drop it.8 partsFernlyCameraLet the person point the phone at something and capture it, scan it or place an object in the room.10 partsTallybookFormCollect a few facts, choices or amounts from the person so the app can save, book, send or change something.10 partsFernlyShareHelp the person send something out of the app, or bring other people in, in a few taps.10 parts

Tracking5

TidewellCalendarLets the person pick a date or a time, or read what is planned on which day.10 partsStridewellStatsShows the person how they are doing, in a few figures or one drawing, over a stretch of time.10 partsPloverActivityHolds the person on one task while it runs, with one clear control to move on or stop.9 partsCairnListShows a set of records one per row so the person can scan them, open one or add another.10 partsKettleNotificationsTells the person what happened since they last looked and lets them act on it.10 parts

Managing4

PebblepathSettingsLet the person change how the app behaves, looks or notifies them, and see the current choice at a glance.10 partsHearthboxAccountShow the person who they are signed in as and let them change their details, plan or membership, or leave.10 partsFernwayHelpAnswer a question or fix a problem, or put the person in touch with someone who can.10 partsLarderMenuPut the app's sections and actions in one short list so the person can jump to any of them.10 parts

Paying3

StillwaterPaywallShow what paid access gives you and let you start paying, or start a trial, in one step.10 partsLarderCheckoutLet the person check what they are buying, choose how to pay, and commit with one clear button.10 partsHearthlyConfirmationTell the person that what they just did worked, and show what to do next.9 parts