Patterns
Patterns are recurring UX solutions that appear across multiple screens and components. Unlike components, which are discrete building blocks, patterns describe how the interface behaves in common situations — how it loads, how it welcomes new users, how it shares content, and how it handles subscription boundaries.
Why Patterns Matter
Consistent patterns reduce cognitive load. When every loading state, every empty state, and every paywall boundary behaves the same way, the user builds accurate mental models faster and spends more time studying scripture.
Pages
| Page | Description |
|---|---|
| Loading States | Skeleton screens, progressive rendering, offline placeholders |
| Onboarding | First-run experience, feature discovery, walkthrough flows |
| Sharing | Deep links, verse cards, social sharing, clipboard formatting |
| Subscriptions | Paywall boundaries, tier indicators, upgrade prompts |