メディア・エンタメのデザインシステム
ニュース、雑誌、出版、ストリーミング、エンタメのWebサイトから抽出したデザインシステムです。主役はタイポグラフィで、見出し書体、署名欄、記事グリッドが中心になり、色はセクションや行動喚起に控えめに使われます。
このカテゴリーには2件のDESIGN.mdサンプルがあります（抽出元：The OnionとWIRED）。各サイトの公開ページから抽出したもので、公式のブランドガイドラインではありません。初めての方はDESIGN.mdとは何かをご覧ください。
The Onion
The Onion のデザインシステムは、新聞を電子化した風刺メディアらしい構成です。黒の太いコンデンスド・ゴシック体の見出しを中心に、セクションラベル、トレンドバッジ、CTAには特徴的なフォレストグリーン（#006b3a）のブランドアクセントを使用し、背景は白とライトグレーで統一されています。タイポグラフィがデザインの主役で、見出しにはAdobe Fontsのtablet-gothicやrocky-condensedなどのコンデンスド／セミコンデンスド・グロテスクを、本文にはutopia-std-captionを採用しています。情報密度の高いレイアウトで、カードグリッドは詰まった配置となり、記事の区切りには下線のボーダーを用いています。構造要素の角丸はほぼなく、影は一部のオーバーレイにのみ控えめに施されています。
WIRED
WIRED のデザインシステムは、ハイコントラストで編集主導のモノクロ基調のフレームワークです。独自のタイプシステム（Breve Text、WIRED Mono、WiredDisplay、Apercu）を中心に構成され、彩度の極めて低いカラーパレットを採用しています。黒（#000000）が2961件と圧倒的に多く、テキスト、罫線、アイコン、インタラクティブな状態を支えています。白（#ffffff）が主要なサーフェスを担っています。アクセントカラーは控えめに使われ、購読用CTAのブランドブルーとして #057dbc のみが登場します。レイアウトは複数カラムで構成されたストーリーグリッドを基本とし、8pxを基準とした詰まったスペーシングを用います。サーフェスはフラットで box-shadow はなく、角丸は標準で4pxと最小限に抑えられています。タイポグラフィが最大の特徴で、編集的な本文には19pxのBreve Textを、セクションラベルには大文字で字間を広げたWIRED Monoを、ディスプレイ見出しにはWiredDisplayを使用します。全体の印象は、権威があり情報密度が高く、読みの流れを最優先にした美学です。
お探しのサイトが見つかりませんか？
URLを貼り付けるだけで、あらゆるWebサイトからDESIGN.mdを取得できます。カラー、タイポグラフィ、スペーシング、トークンを、AIワークフローですぐに使える形で。