# Product

## Register

hybrid

Product-first with brand expression. The design serves the grab-and-go shopping workflow, but the surface must feel like a premium retail space, not a utility tool.

## Users

Office workers in business districts who grab snacks and drinks during breaks or overtime. They interact with a physical AI vending cabinet in a hallway or lobby, scan a QR code, and shop via the mini-program. Context: standing in front of the cabinet, often in a hurry, with ambient indoor lighting. They want speed and confidence — no friction, no surprises.

## Product Purpose

AI Smart Retail Cabinet mini-program. Scan a QR code, the cabinet door opens, take products, close the door — AI vision recognizes what was taken and WeChat Pay Score auto-charges. The feeling is "grab and go" — seamless, trustable, effortless.

## Brand Personality

**简洁、克制、质感** — Simple, restrained, textured.

Like a high-end retail space: white walls, warm gold accents, precise typography, intentional negative space. Not loud, not busy, not cheap. Quality whispers.

## Anti-references

- Do NOT look like a low-end food-delivery or discount retail mini-program (no red-banner promos, no cluttered grids of cheap product cards, no 9.9-yuan flash-sale energy)
- Do NOT look like a traditional enterprise SaaS dashboard (no table-heavy layouts, no blue-and-white default, no form-cramped screens)
- No stock-photo aesthetic, no generic illustration placeholders

## Design Principles

1. **Clarity over decoration** — Every element earns its place. The user is standing in front of a cabinet, likely in a hurry. Remove, don't add.

2. **Restraint builds trust** — Subtle motion, deliberate spacing, one accent doing one job. Loudness reads as cheapness; quiet reads as quality.

3. **Texture through precision** — Richness comes from typography, spacing rhythm, and micro-interaction, not from adding color or decoration.

4. **Speed as a feature** — The interface must feel fast. No heavy animations that delay interaction. The door opens; the recognition happens; the payment completes. Each transition should feel instant.

5. **Physical-digital coherence** — The mini-program is an extension of the physical cabinet experience. The gold accent on screen matches the cabinet branding. The interaction model mirrors the physical act of opening and closing a door.

## Accessibility & Inclusion

- Target: WCAG AA compliance
- Touch targets ≥ 44×44px for all interactive elements in the shopping flow
- Color contrast ≥ 4.5:1 for text on backgrounds
- Support reduced-motion preferences where practical
- Consider office corridor lighting conditions (bright overhead fluorescent) — avoid low-contrast text that washes out in glare