WIRED 是「在事件發生時把未來帶給你」的科技與文化雜誌,覆蓋科學、技術、商業與人文大稿。其介面像一份高密度的報刊:規則線與留白替代卡片與陰影,自訂襯線展示字配等寬「眉題」形成「康德納斯特遇上工程實驗室」的聲音,圖片與容器全部直角(只有圖示按鈕是圓的),按鈕和連結帶 2px 硬黑描邊——印刷味而非網頁味。適合媒體、雜誌與長文閱讀介面。
WIRED媒體與消費
提示詞範本
基礎範本
Design a WIRED-inspired interface. - Newsstand-density editorial grid: rules and whitespace, never cards or shadows; - Custom serif display + technical mono kickers — the Condé-Nast-meets-engineering-lab voice; - Strictly square corners on every image, container, and ribbon (only icon buttons are circular); - 2px hard black borders on buttons and links — printerly, not webby; - Mono ALL-CAPS eyebrows on every story with wide tracking (0.9–1.2px). Colors: #000000, #1a1a1a, #ffffff, #057dbc with #057dbc accent. Typography: - Background:.
變體提示詞
📱 行動裝置
Design a mobile app with WIRED aesthetics. Use WIRED color identity with #057dbc accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with WIRED style. Use WIRED color identity with #057dbc accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with WIRED design language. Use WIRED color identity with #057dbc accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with WIRED visual identity. Use WIRED color identity with #057dbc accents. Compelling, conversion-focused.
使用範例
WIRED 應用程式
Web 端Build a web app with WIRED design language and #057dbc color system.
WIRED 儀表板
儀表板Create a dashboard using WIRED style with data visualization and - Background: typography.
✅ 適用情境
- 消費級產品
- 科技雜誌網站
- 高密度編輯排版
❌ 不適用情境
- 輕量消費 App
- 柔和生活品牌
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述,可複製或下載後交給 AI 程式設計工具使用。