omni-doslisted
Install: claude install-skill teejayai/Omni-design-skill
# OmniONE — DOS
Mobile app (375px, native iOS frames) for distributors/store operators. Extends [omni-design-system](../base/SKILL.md). Gordita throughout (native status-bar numerals use Inter — system only).
## Voice / personality
Operational, warehouse-floor utility tool — task-first, not a marketing surface. Calm and **neutral/grey-forward** (Steel Gray dominant, blue reserved). Friendly but terse: short headers, emoji greeting ("Hi John 👋🏼"), guided multi-step onboarding. Empty states push the next action.
## Preferred components & variants
- **Buttons**: Steel-Gray fill `#4B5563`, white Gordita Medium 14, ~46px tall.
- **Bottom nav bar**: 5 segments icon+label (12px), active = `#333`, inactive = `#666`.
- **Top app bar** ("Tab / Active", 107px incl. status bar): centered Bold 16 title in Steel Gray, leading back + trailing actions (cart w/ badge).
- **Segmented tab strip**: underline, active = `border-b-2 #333` Bold, inactive Regular.
- **Pill filter chips** `rounded-[40px]`: active = `#404854` fill + white, inactive = `#D0D5DD` border + `#333`.
- **Search input**: 32px tall, r4, `#F0F0F1` border, leading search icon + trailing filter icon.
- **Bottom-sheet modal**: `rounded-t-[30px]` + drawer grab-handle.
- **Stepper**: 32px numbered circles (grey-300 border) + tail line + description.
- Tags, Quick Actions grid, banner carousel with dot indicators.
## Density & spacing
4px grid, looser than base: screen H-padding **16px**, section gaps **20px**, content gaps **12