WIRED 是「在事件发生时把未来带给你」的科技与文化杂志，覆盖科学、技术、商业与人文大稿。其界面像一份高密度的报刊：规则线与留白替代卡片与阴影，自定义衬线展示字配等宽「眉题」形成「康德纳斯特遇上工程实验室」的声音，图片与容器全部直角（只有图标按钮是圆的），按钮和链接带 2px 硬黑描边——印刷味而非网页味。适合媒体、杂志与长文阅读界面。
媒体与消费编辑与印刷
提示词模板
基础模板
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 编程工具使用。