The Verge は「テクノロジーが人をどう感じさせるかを伝える」テックメディアで、速報ニュース、レビューから受賞特集、調査報道までを扱います。スタイルはほぼ黒のエディトリアルキャンバス（#131313）の上で爆発します。アシッドミントグリーン（#3cffd0）とウルトラバイオレット（#5200ff）は敷き詰めるのではなく、警戒テープのようにアクセントとして現れます。Manuka の見出しは最大 107px で、主要テックメディアの中でも最も声の大きいタイポグラフィの動きです。カードはすべて 20〜40px の角丸で、ミント、紫、黄、ピンク、オレンジ、エレクトリックブルーの高彩度タイルが暗いホームページを埋め尽くします。編集メディアとコンテンツプラットフォームに適しています。
The Vergeメディアと消費
プロンプトテンプレート
基本テンプレート
Design a The Verge-inspired interface. - Near-black editorial canvas (#131313) as the default surface — no light mode on the homepage; - Acid-mint #3cffd0 + ultraviolet #5200ff as hazard-tape accents, never quiet background wash; - Massive Manuka display headlines up to 107px — the single loudest type move in mainstream tech media; - Rounded pill-card everything: 20/24/30/40px corner radii, never square; - Fully saturated color-block story tiles (mint, purple, yellow, pink, orange, electric blue) on a dark page. Colors: #3cffd0, #5200ff, #309875, #3860be with #3cffd0 accent. Typography: (.
バリエーションプロンプト
📱 モバイル
Design a mobile app with The Verge aesthetics. Use The Verge color identity with #3cffd0 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with The Verge style. Use The Verge color identity with #3cffd0 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with The Verge design language. Use The Verge color identity with #3cffd0 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with The Verge visual identity. Use The Verge color identity with #3cffd0 accents. Compelling, conversion-focused.
使用例
The Verge アプリ
WebBuild a web app with The Verge design language and #3cffd0 color system.
The Verge ダッシュボード
ダッシュボードCreate a dashboard using The Verge style with data visualization and ( typography.
✅ 適した用途
- コンシューマー製品
- テックメディアのサイト
- エディトリアルなナラティブ特集
❌ 適さない用途
- 企業の管理画面システム
- ツール系プロダクトの UI
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。