Opal v4 — iOS/Android Design Parity Report

Generated: April 4, 2026 12:00 PM · Figma iOS: qgmdFTmuQ9Dt1xbJKnacBK · Android: DV4Mgc1nMPevmATJvrlnyd

🚨 Pages Missing on Android

These entire feature areas exist on iOS but have no corresponding page in the Android Figma file:

Onboarding Autofocus Live Activity School

Additionally, Android Home and Community pages exist but are empty (0 sections), while iOS has 40+ and 2 sections respectively.

📊 Section-Level Gaps (Shared Pages)

Page	iOS Sections	Android Sections	iOS-Only	Android-Only
Home	40	0	All (Storyline, Milestones, Streak, Score, etc.)	—
Rules	51	15	All Rules, Create/Edit Flow, Rule Sheet Types, App Uninstall Protection	App Picker, Location, Earn, States, States Idea, Kenneth's Feedback, App List
Apps	17	5	App Sheet, App Uninstall Protection	Ask to Unblock Flow
Settings	12	13	Add Widget	Settings - Logged out, Settings - Pro
Stats	5	2	Focus Report	—
Profile	4	3	Gemstone Drawer	—
Community	2	0	Community, Social	—
Timer	1	3	—	Content sections, Examples

🔬 Visual Comparison — Detailed Findings

7 high gaps

Layout paradigm mismatch: iOS uses vertical list of full-width rule cards; Android uses 2-column grid of compact cards. Fundamentally different scanning/interaction pattern.
Create Sheet title: "New Rule" (iOS) vs "Create Rule" (Android).
Rule type categories completely different: iOS offers Autofocus, Schedule, Location. Android offers Schedule, Time Limit, Budget. No Autofocus/AI or Location rules on Android.
Preset rule content volume: iOS shows ~8 presets across 4 categories (Sleep/Relax, Productivity, Personalized, Healthy Habits). Android shows ~4 presets across 2 categories.
Card visual design: iOS uses rich image-based gradient cards with scenic photography. Android uses plain dark cards with dashed teal borders. Massive visual polish gap.
Card status indicators: iOS uses color-coded left borders + dots. Android uses shield badge icons.
Tab label: "My Rules" (iOS) vs "My Apps" (Android) in bottom nav.

4 high gaps

Score naming: "Opal Score" (iOS) vs "Goal Score" (Android) — brand identity issue.
Primary gauge color: Cyan/blue (iOS) vs Lime green (Android) — hero visual element uses entirely different colors.
Bottom nav labels: "My Alerts" + "Trends" (iOS) vs "My Apps" + "Timer" (Android) — different features implied.
Focus Report card: iOS has a weekly Focus Report component; Android does not.
Card border treatment: iOS uses visible borders, Android uses color separation only.
Color palette divergence in Contributors: iOS uses 5 accent colors (incl. purple), Android uses 4.

3 high gaps

Menu items differ significantly: iOS has Profile, Preferences, Notifications, Privacy Settings, Payment Methods, Subscription, "Sign Out Safely". Android has Your Name/Email inline, Subscription, API Keys, Usage, Phone Numbers. Different information architecture.
Auth screen CTA button color: Cyan/teal (iOS) vs white (Android). Major brand inconsistency in conversion flow.
iOS has "Sign Out Safely" + "Sign Out" (two options) vs single sign out on Android.
Delete confirmation cancel button: "Cancel" (iOS) vs "Back to Home" (Android).
Android has "API Keys" and "Usage" rows that iOS lacks. Android has "Phone Numbers" that iOS lacks.

3 high gaps

Pop Culture description: "Find trashy pop culture references" (iOS) vs "Find funny pop culture references" (Android). Different tone.
Brutal Insults description: Entirely different copy — iOS: "You aren't talented to get roasted, but we'll try our best" vs Android: "You aren't offered to get roasted, zinged and amazed. Huh?"
Inspiration card title mismatch: Android shows "Default" instead of "Inspiration".
Section structure: iOS: all items under "Curated by Opal". Android: split into "Curated by Opal" + "AI Personalities".
"NEW" badge: Present on iOS for AI Personalizes, missing on Android.
Feature naming: "AI Personalizes" (iOS) vs "AI Personalities" (Android).
Toggle ON color: iOS green (#34C759) vs Android neon green.

5 high gaps

Feature subtitle: "Deep Focus Sessions and All-Day Hard Locks" (iOS) vs "Deep Focus Sessions and 2x+ Focus" (Android).
Footer mission text: "putting our mission" (iOS) vs "joining our mission" (Android).
Free Plan CTA: "Try for $0.00" (iOS, trial-oriented) vs "Keep Opal Pro" (Android, retention — wrong for free users).
Active Pro CTA button: Present on iOS, missing on Android — no retention touchpoint for subscribers.
Free Plan feature icons: Red/unavailable indicators (iOS, loss framing) vs white checkmarks (Android, gain framing). Different persuasion strategies.
💚 emoji: Present in iOS subtitle text, missing on Android.
Expired state footer: iOS says "Downgrading on May 10" (correct), Android says "Renewed on May 10" (incorrect copy for expired state).

3 medium gaps

Stats navigation architecture: iOS shows 3 stat cards inline (Focus Hours, Gems Earned, Ranking). Android uses segmented tabs (Focus Hours, My Stream, Gemstones). Fundamentally different UX.
Bottom nav tab naming: "My Opal" + "Streak" (iOS) vs "My Apps" + "Timer" (Android).
Gemstone dismiss pattern: X close button (iOS, modal) vs back arrow (Android, push nav).
Ownership icon: Star ⭐ (iOS) vs Lock 🔒 (Android) for "Owned by X%".
Missing guest state: iOS has "Hello, Stranger" logged-out view, not visible on Android.

3 high gaps

Tab bar structure: iOS has 4 tabs (Home, Apps, Search, Profile). Android has 5 tabs (Home, My Apps, Timer, Community). Entirely different navigation architecture.
Feature sections diverge: iOS shows "Audiobook" section. Android shows "Autofocus" contextual alerts in same position.
Blocked section layout: 3-column grid with colored borders (iOS) vs horizontal scrollable row (Android).
Header action icon: Settings/gear (iOS) vs Lock (Android).
Color palette: Multi-accent pink/cyan/lime (iOS) vs primarily teal (Android).

🔁 Cross-Cutting Issues

Bottom navigation is inconsistent across every screen: Tab labels differ between platforms on almost every page. iOS uses "My Opal/My Alerts/My Rules/Apps/Trends/Streak". Android uses "My Apps/Timer" consistently. No alignment.
Android Home page is completely empty (0 sections) while iOS has 40+ sections covering Storyline, Milestones, Streak, Score, Cave themes, and more. This is the largest single parity gap.
Android has no Onboarding page. The entire onboarding flow (auth, permissions, paywall, personalization, referral) appears only in the iOS file.
Autofocus is iOS-only — has its own page on iOS, referenced in iOS Rules Create Sheet, but absent from Android.
Live Activity is iOS-only — expected platform difference but still a feature gap.
School mode is iOS-only — entire feature area (onboarding, rules, profile, settings) missing from Android.

🔍 Opal v4 — iOS/Android Design Parity