Ios Thumb Zone
Place primary call-to-action controls in the lower half of the screen (thumb zone) where the thumb naturally rests in a one-handed grip, keeping destructive or infrequent actions in the upper, harder-to-reach zones.
$ prime install @community/pattern-ios-thumb-zone Projection
Always in _index.xml · the agent never has to ask for this.
IosThumbZone [pattern] v1.0.0
Place primary call-to-action controls in the lower half of the screen (thumb zone) where the thumb naturally rests in a one-handed grip, keeping destructive or infrequent actions in the upper, harder-to-reach zones.
Loaded when retrieval picks the atom as adjacent / supporting.
IosThumbZone [pattern] v1.0.0
Place primary call-to-action controls in the lower half of the screen (thumb zone) where the thumb naturally rests in a one-handed grip, keeping destructive or infrequent actions in the upper, harder-to-reach zones.
Label
iOS Thumb Zone for Primary Actions
Problem
Primary action buttons placed at the top of tall iPhone screens require the user to shift their grip or use a second hand, increasing effort and error rate for the most common action.
Solution
Position the primary CTA as a full-width or large bottom button above the home indicator safe area (bottom of the safe area). Secondary or destructive actions (Delete, Settings) may live in the navigation bar at the top. Tab bars at the bottom double as both navigation and thumb-zone access to primary destinations.
Loaded when retrieval picks the atom as a focal / direct hit.
IosThumbZone [pattern] v1.0.0
Place primary call-to-action controls in the lower half of the screen (thumb zone) where the thumb naturally rests in a one-handed grip, keeping destructive or infrequent actions in the upper, harder-to-reach zones.
Label
iOS Thumb Zone for Primary Actions
Problem
Primary action buttons placed at the top of tall iPhone screens require the user to shift their grip or use a second hand, increasing effort and error rate for the most common action.
Solution
Position the primary CTA as a full-width or large bottom button above the home indicator safe area (bottom of the safe area). Secondary or destructive actions (Delete, Settings) may live in the navigation bar at the top. Tab bars at the bottom double as both navigation and thumb-zone access to primary destinations.
Label
iOS Thumb Zone for Primary Actions
Problem
Primary action buttons placed at the top of tall iPhone screens require the user to shift their grip or use a second hand, increasing effort and error rate for the most common action.
Solution
Position the primary CTA as a full-width or large bottom button above the home indicator safe area (bottom of the safe area). Secondary or destructive actions (Delete, Settings) may live in the navigation bar at the top. Tab bars at the bottom double as both navigation and thumb-zone access to primary destinations.
Source
prime-system/examples/frontend-design/primes/compiled/@community/pattern-ios-thumb-zone/atom.yaml