luxury-ui-design-review

name	luxury-ui-design-review
description	Use when reviewing or changing ERTZU visual design, layout, components, copy tone, product imagery, responsive behavior, or premium marketplace polish.

Luxury UI Design Review

When To Use

Use this skill for UI changes on marketplace, product detail, checkout, sell, profile, admin, messaging, homepage, or shared components and global CSS.

ERTZU-Specific Instructions

• Make ERTZU feel premium, editorial, precise, and trustworthy.
• Pair luxury perfume presentation with technical verification language.
• Use actual product imagery or meaningful perfume visuals where the user needs product context.
• Reuse tokens and UI primitives from src/app/globals.css.
• Use lucide-react icons where available.
• Keep admin UI efficient and denser, but still visually disciplined.

Files And Areas To Inspect

• docs/ai/DESIGN_SYSTEM.md
• src/app/globals.css
• src/app/layout.tsx
• src/components/ProductCard.tsx
• src/components/Navbar.tsx
• src/components/Footer.tsx
• src/app/page.tsx
• src/app/listings/page.tsx
• src/app/listings/[id]/page.tsx
• src/app/sell/page.tsx
• src/app/buy/page.tsx
• src/app/bid/checkout/page.tsx
• src/app/admin/page.tsx
• public/*

Concrete Checks

• Verify product images are visible, inspectable, and not over-cropped.
• Verify lowest ask, highest bid, last sale, size, fill level, and verification path are clear.
• Verify text fits on mobile and desktop without overflow or overlap.
• Verify interactive controls have clear labels, focus states, and tap targets.
• Verify colors come from existing tokens unless a new state genuinely needs a token.
• Verify dark and light theme behavior where relevant.
• Verify cards are used for items, modals, or framed tools, not nested page decoration.
• Verify CTA hierarchy supports bid, buy, sell, and ask workflows.

Mistakes To Avoid

• Do not make ERTZU look like a generic SaaS dashboard.
• Do not use cheap marketplace styling, loud gradients, or decorative clutter.
• Do not hide the bottle behind dark overlays, blur, or tiny thumbnails.
• Do not add one-off colors when tokens exist.
• Do not use giant hero typography inside compact panels or admin tools.
• Do not add visible instructional text about the UI itself.