ShortDrama Web — Design System v2

Bản review nội bộ. Mở mỗi màn trên desktop, rồi thu hẹp cửa sổ <768px (hoặc mở trên điện thoại) để xem bản mobile. Thêm ?light vào URL để xem theme sáng. Poster là khối màu giữ chỗ; giá coin/VIP là số tạm.

Styleguide — tokens + 12 components

• Homehero · Continue Watching · rails
• Playerbấm tập 9+ để mở paywall
• Unlock sheet (paywall)coins · VIP · watch ad · payment
• Drama detailposter · stats · episode grid
• Genresgenre chips · sort · grid
• Search — resultsquery "ceo"
• Search — before typingrecent · trending
• Top Upbalance · VIP · coin packs · pay
• My List — Historyprogress · also #saved · #edit
• My List — emptyempty state
• Sign-infirst paid action only
• Sign-in — email errorerror state

Nguồn: artimind-kb po/_shared/design-systems/shortdrama-web/ · 2026-09-24