Arcadia Goods Storefront
# Arcadia Goods Storefront
- **ID:** `arcadia-goods-storefront`
- **Category:** Storefront
- **Type:** storefront
- **Profile:** `ecommerce`
---
Build a single-page storefront home for "Arcadia Goods" — outdoor gear made to outlast trends. Imagery-first, conversion-focused; browsing stays snappy. Use React + Vite + Tailwind CSS + TypeScript + lucide-react. Default Tailwind config, no other UI libraries.
FONTS (Google Fonts, load via `<link>` in index.html)
- Display: Inter Tight (600/700) — headlines, section titles
- Body: Inter (400/500) — everything else; all prices `tabular-nums`
COLORS (CSS variables on :root — retail-light family, exactly two accents)
- --background: #FFFFFF · --wash: #FAFAFA · --border: #F4F4F5 · --foreground: #18181B
- --brand: #111827 (near-black — buttons, links) · --sale: #E11D48 (sale badges and prices ONLY)
- Text tiers: foreground 100% / 70% / 55%
GLOBAL CSS (paste verbatim)when to use it
Community prompt sourced from the open-source GitHub repo olbboy/motion-site-builder (MIT). A "Arcadia Goods Storefront" style prompt — adapt the placeholders and specifics to your task. Imported as-is and not independently retested here, so check the output before relying on it.
tags
codingcommunitydeveloper
source
olbboy/motion-site-builder · MIT
more in Coding
Coding✓ tested
Senior code review (strict mode)
senior staff engineer running a merciless but fair review
Coding✓ tested
Debug by hypothesis, not by guessing
debugging partner who forms theories before touching code
Coding✓ tested
Generate tests from described behavior
test engineer who writes tests that would actually catch regressions