Production patterns
Production patterns
Section titled “Production patterns”This index contains 37 canonical screen patterns across 4 source-defined domain packs. The inventory comes from apps/showcase/patterns/**/screens; purpose/application-boundary prose comes from docs/pattern-library.content.json. CI fails if either side drifts.
Authentication + Onboarding
Section titled “Authentication + Onboarding”- Forgot Password — Request a password-reset code for an account email. · Showcase
- Interests Onboarding — Let a new user pick interest topics during onboarding. · Showcase
- Password Updated — Confirmation surface after a password change succeeds. · Showcase
- Profile Setup — Collect display name, username, bio, and photo for a new profile. · Showcase
- Reset Password — Enter and confirm a new password behind a reset flow. · Showcase
- Sign In — Email/password sign-in with social and forgot-password affordances. · Showcase
- Sign Up — Account creation with terms acceptance and social sign-up. · Showcase
- Verify Code — Enter a one-time verification code with resend and destination change. · Showcase
- Welcome — First-run welcome surface routing to get-started or sign-in. · Showcase
Dashboard + Finance
Section titled “Dashboard + Finance”- Analytics — Range-filtered analytics dashboard with metric summaries. · Showcase
- Dashboard Overview — Finance dashboard overview with balances, activity, and primary actions. · Showcase
- Invoice Detail — Read-only invoice detail with download and share actions. · Showcase
- Payment Methods — List and manage saved payment methods. · Showcase
- Subscription — Current subscription plan with upgrade, manage, and cancel actions. · Showcase
- Transaction Detail — Read-only transaction detail with receipt and help actions. · Showcase
- Transactions — Searchable, filterable transaction list with loading/error/retry states. · Showcase
- Wallet — Wallet home with accounts, balances, and money-movement actions. · Showcase
Commerce + Social
Section titled “Commerce + Social”- Cart — Shopping cart with quantity edits, removal, and checkout. · Showcase
- Checkout — Order review with address editing and place-order action. · Showcase
- Messages — Conversation list for a direct-messages inbox. · Showcase
- Notifications — Notification feed with mark-read and selection. · Showcase
- Order Detail — Order detail with reorder and support actions. · Showcase
- Orders — Order history list with selection. · Showcase
- Post Detail — Social post detail with like, share, and comment submission. · Showcase
- Product Detail — Product detail with add-to-cart and favorite actions. · Showcase
- Product Feed — Browsable product grid with search and favorites. · Showcase
- Product Search — Product search results with sort and filter affordances. · Showcase
- Social Feed — Social timeline with like, comment, share, and compose. · Showcase
- User Profile — Public user profile with follow and post-open actions. · Showcase
Account + Settings
Section titled “Account + Settings”- Account — Account hub with linked accounts, devices, sign-out, and delete. · Showcase
- Appearance — Theme/appearance preference selection. · Showcase
- Change Password — Change password with current/new/confirm fields. · Showcase
- Edit Profile — Edit profile fields and avatar with save. · Showcase
- Notification Settings — Toggle notification channels and categories. · Showcase
- Privacy Security — Privacy and security settings hub with sessions and 2FA entries. · Showcase
- Profile — Personal profile summary routing to edit, account, and activity. · Showcase
- Settings — Top-level settings menu routing to account, privacy, and appearance. · Showcase