WIRED は「出来事が起きたときに未来を届ける」テックとカルチャーの雑誌で、科学、技術、ビジネス、人文の大型記事を扱います。UI は高密度の新聞のような佇まいです。カードやシャドウの代わりにルール線と余白を使い、カスタムのセリフ見出し書体に等幅の「眉題」を組み合わせた「コンデナストとエンジニアリングラボの出会い」の声を持ちます。画像とコンテナはすべて直角（丸いのはアイコンボタンだけ）で、ボタンとリンクには 2px の硬い黒いボーダーが付き、Web らしさではなく印刷物らしさを漂わせます。メディア、雑誌、長文読解の UI に適しています。
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 アプリ
WebBuild a web app with WIRED design language and #057dbc color system.
WIRED ダッシュボード
ダッシュボードCreate a dashboard using WIRED style with data visualization and - Background: typography.
✅ 適した用途
- コンシューマー製品
- テック雑誌のサイト
- 高密度なエディトリアルタイポグラフィ
❌ 適さない用途
- 軽量なコンシューマーアプリ
- 柔らかなライフスタイルブランド
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。