UX Track 3 — Visual craft: remaining slices

[os-zhuang]

Part of the 4-track top-tier-UX elevation effort. Spacing, type, depth, and personality.

Shipped:

• feat(ux): depth + entrance on shared EmptyState (visual craft) #139 shared EmptyState — layered halo badge + brand tint + spring/stagger entrance
• (depth/press feedback already on PressableCard via feat(ux): spring-driven press feedback on PressableCard #134)

Remaining:

• Spacing & type scale system — codify a consistent spacing rhythm and type ramp (sizes/weights/line-heights) as shared tokens/utilities, then sweep screens to use them instead of ad-hoc values. Reduces the visual drift across list/detail/form/dashboard.
• Card depth / materials — a consistent elevation language (shadow/border/surface tints) for cards, sheets, and tiles so layering reads clearly in both light and dark.
• Audit screens against the new tokens — apply the scale to home, list, detail, dashboard, more/settings.

Note for implementers: when adding entrance animations, keep the layout-critical root a plain View and animate only inner children — making a flex-1 root an Animated.View broke centering on web in #139.