BUILD
- Build a complete Neumorphism player / widget product homepage. Not a card, not an isolated navbar, not a full-page rubber sheet, not a settings app, not tabs.
- Domain from Use on: Players and Widgets. Settings is a destination line, not this homepage.
STYLE
- Neumorphism: soft extrude, low contrast, same-hue shadows
- Ground #E8E8ED. Outer shadow #C8C8D0, highlight #FFFFFF. Cards 22px radius
- Type #1D1D1F. CTA is extruded same-hue, not a flat #0071E3 hero. Plus Jakarta Sans. No Inter
LAYOUT
- Container max-width 960px — a product page, not a 1440 marketing wall
- Finished player home: separate Player / Widgets / Settings links, search, Add widget
- Extrude only: top nav, the main player, inset EQ tiles, track list. Page background and footer stay flat #E8E8ED
SECTIONS
1. Player widget: "Soft extrude. Same hue." Cover block plus two inset level bars. CTA Play
2. Track list of four titles with times
3. Two inset widgets: EQ Low and Level Peak
4. Three-column quiet footer (not extruded): Player / Widgets / Legal
INTERACTION
- Hover insets the control (inner #C8C8D0 / #FFFFFF). transform: none. No 2px lift. No black drop-shadow
TECHNICAL
- React, Tailwind CSS, restyle shadcn/ui — not default shadcn. One homepage route.
DON'Ts
- No purple, violet, indigo, fuchsia. No Inter. No emoji icons
- No black drop-shadow. No navy. Do not inflate the whole page into one extruded slab
- Do not output only a headline plus two empty cells
MOTION
- Press: shadow flips from raised to inset with scale(0.98), 160ms ease-out.
- Release: 200ms. Slower on the way out than in.
- No spring. Soft surfaces should not bounce.
- prefers-reduced-motion: shadow change only.