UX & Pixel Precision

A native-feeling app is a compound of small correct decisions: consistent spacing, platform-appropriate interactions, and respect for the system settings the user has already chosen (text size, contrast, motion, theme). This skill is the opinionated house style for that work in an Expo + TypeScript app.

The single most important rule: respect the platform and the user's system settings. Do not force one platform's design language onto the other, and never override a choice the user made in iOS/Android settings (text size, reduced motion, dark mode).

Spacing & Design Tokens

• Follow the spacing system strictly.
• No arbitrary spacing values.
• No random padding or margins.
• Align with design tokens.
• Visual alignment must be intentional.
• Interaction feedback must feel deliberate.
• Motion must support UX, not distract from it.

Use a fixed spacing scale (an 8pt grid with a 4pt half-step is the reliable default) and reference it by name — never type raw numbers into styles.