App settings screen design prompt for Codex

Design a settings screen with standard grouped lists, current values on each row, toggles where they belong and destructive actions in red.

Design the settings screen using standard [iOS] grouped lists: [Account, Daily goal, Reminders, Appearance, Data and privacy, Help]. Show current values on the right of each row, use a toggle for [reminders], and put destructive actions like [Delete account] at the bottom in red.

Works with

Codex, ChatGPT

From the set

Mobile apps

About this prompt

Codex designs a settings screen in the platform’s native style: grouped lists under your section names, the current value at the right of each row, a toggle for on/off settings, and destructive actions such as deleting the account placed last and shown in red.

Replace the platform in the first bracket and the six groups with the ones your screen list called for. Name every setting that should be a toggle; anything else becomes a row that opens another screen. Settings is where users expect convention rather than originality, so the request for standard grouped lists is intentional: brand color belongs on the toggles and links, not in the structure.

Fill in realistic current values, such as “20 min” for the daily goal or “8:30 PM” for reminders, to see whether long values push labels onto two lines. If you also ship on Android, ask for a Material 3 version of this screen; grouped lists look and behave differently there.

More prompts from this set

• Empty, loading and error state design prompt for CodexDesign the empty, loading and error states of an app screen as separate files, with the same navigation and header as the normal state.
• Dark mode app design prompt for CodexMake dark mode versions of app screens with a tinted dark background, toned-down accents, WCAG AA text contrast and a list of changed colors.
• Android Material 3 adaptation prompt for CodexAdapt an iOS app screen to Android with Material 3: a top app bar, a navigation bar and a FAB, keeping your brand colors and type.
• Mobile app mockups to SwiftUI code prompt for CodexHave Codex build the approved HTML screens in your SwiftUI app, matching layout and spacing, using your theme colors and supporting Dynamic Type.
• Mobile app brief and screen list prompt for CodexDescribe your app’s users, core loop and platform, and have Codex list every screen of version one, grouped, with each screen’s purpose.
• App onboarding flow design prompt for CodexDesign three connected onboarding screens at 390×844, welcome, goal picker and first home, in one shared style with CSS illustrations.