Feedback and voting board
Copy this prompt into Claude, Cursor or Lovable.
Build a single-file HTML feedback and voting board, 1280x720, warm cream background #fbf7f0, ink #241d12, accent amber #c58a1d. System fonts, no libraries.
Header: H1 "Feedback board", muted "Vote for what we build next" and a dark "+ New idea" button top right.
Five absolutely positioned white cards (96px tall, 20px radius, soft shadow, 114px apart). Each has a 66px vote box (small up arrow, a count, the word "votes"), a title with a muted "Requested by N teams" line and a status pill on the right (Planned amber, Open blue, Shipped green): Dark mode for the dashboard 142, Export reports to CSV 138, Slack notifications 121, Two-factor sign in 97, Custom domains 64.
Motion (8 second loop): cards rise in with a stagger. The count of Export reports to CSV ticks up 139, 140, 145 (CSS @property integer), its vote box turns amber and the card moves to the top slot while Dark mode moves down. Reset at the end.
Respect prefers-reduced-motion. Return only the complete HTML.Source, 11 lines
# Feedback and voting board Copy this prompt into Claude, Cursor or Lovable. ```text Build a single-file HTML feedback and voting board, 1280x720, warm cream background #fbf7f0, ink #241d12, accent amber #c58a1d. System fonts, no libraries. Header: H1 "Feedback board", muted "Vote for what we build next" and a dark "+ New idea" button top right. Five absolutely positioned white cards (96px tall, 20px radius, soft shadow, 114px apart). Each has a 66px vote box (small up arrow, a count, the word "votes"), a title with a muted "Requested by N teams" line and a status pill on the right (Planned amber, Open blue, Shipped green): Dark mode for the dashboard 142, Export reports to CSV 138, Slack notifications 121, Two-factor sign in 97, Custom domains 64. Motion (8 second loop): cards rise in with a stagger. The count of Export reports to CSV ticks up 139, 140, 145 (CSS @property integer), its vote box turns amber and the card moves to the top slot while Dark mode moves down. Reset at the end. Respect prefers-reduced-motion. Return only the complete HTML. ```