# HUSH board → website handoff proposal

ใช้คู่กับ panel-review.md และ public/labs/hush-brand-kit/{brief.md,brandbook.md,tokens.css,handoff.md,evidence.csv,assets.csv}

| Component | Source / real asset | Implementation / acceptance |
| --- | --- | --- |
| Wordmark + hero (#top) | HUSH live text, Inter Bold, headphones.webp | ใช้ negative space จาก board; title/CTA เป็น HTML; ห้าม crop wordmark จาก bitmap |
| Story (#story / #listening) | brief และ copy proposal เดิม | ไม่เพิ่ม audience fact, testimonial หรือสเปกจากภาพ |
| Product detail (#design) | ภาพหูฟังเดิมและสิทธิ์ตาม assets.csv | crop ด้วย CSS พร้อม dimensions; descriptive alt ตามบริบท |
| Palette / typography | tokens.css + font files จริง | ใช้ค่าจาก source; ทดสอบ contrast ของคู่ foreground/background ที่ใช้จริง |
| Shop / mobile (#shop) | API price + SVG icons เดิม | 320/390px: content/CTA อยู่ใน natural flow, ไม่ overflow; keyboard/focus ใช้งานได้ |
| States / motion | existing API demo และ GSAP implementation | รักษา loading/empty/error/success, quote demo และ prefers-reduced-motion |

ไม่ส่งต่อ grid ใน panel 2 เป็น logo rule; ไม่ส่ง packaging panel 7 เป็น product claim; ไม่เพิ่ม favorite/profile feature จาก symbols panel 9

สถานะ: proposal ที่ตรวจย้อนกลับได้ ยังไม่มีการแก้ examples/store/ จาก board นี้ เมื่อ implement ให้ตรวจ build/typecheck, browser 320/390/1440px, keyboard/focus, reduced motion, API pricing และ UI states โดยไม่อ้างผลตรวจจาก raster