PlayStation 是索尼的遊戲品牌,其介面採用三層「頻道」結構:近黑主視覺區、紙白內容區、鈷藍頁尾,色塊交替而不融合。SST 字型以 300 字重、22-54px 呈現「安靜的主宰感」;PlayStation Blue(#0070cc)錨定品牌,青色僅用於懸停聚焦,每個互動元素懸停放大 1.2 倍,按鈕為全膠囊、卡面為 12-24px 圓角。
PlayStation媒體與消費
提示詞範本
基礎範本
Design a PlayStation-inspired interface. - Three-surface channel layout: near-black hero, paper-white content, cobalt-blue footer — alternating, never blending; - SST weight 300 at 22–54px for display — "quiet authority" headlines that let product photography lead; - PlayStation Blue #0070cc as the brand anchor; cyan #1eaedb reserved exclusively for hover/focus states; - Every interactive element scales 1.2× on hover — a signature "power-on" lift unique to PlayStation; - Pill buttons at full 999px radius; card art in rounded 12–24px rectangles. Colors: #0070cc, #000000, #1eaedb, #ffffff with #0070cc accent. Typography: - Background:.
變體提示詞
📱 行動裝置
Design a mobile app with PlayStation aesthetics. Use PlayStation color identity with #0070cc accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with PlayStation style. Use PlayStation color identity with #0070cc accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with PlayStation design language. Use PlayStation color identity with #0070cc accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with PlayStation visual identity. Use PlayStation color identity with #0070cc accents. Compelling, conversion-focused.
使用範例
PlayStation 應用程式
Web 端Build a web app with PlayStation design language and #0070cc color system.
PlayStation 儀表板
儀表板Create a dashboard using PlayStation style with data visualization and - Background: typography.
✅ 適用情境
- 消費級產品
- 遊戲主機與商城
- 娛樂內容頻道
❌ 不適用情境
- 企業級後台系統
- 正式商務官網
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述,可複製或下載後交給 AI 程式設計工具使用。