Hugging Face は「未来を築く」AI コミュニティで、オープンソースとオープンサイエンスを通じて人工知能の民主化を推進しています。UI はサンシャインイエロー（#ffd21e）を唯一の彩度の高いアクセントカラーとし、IBM Plex Mono が見出しとラベルを、Source Sans Pro が本文を担当します。ほぼ白のキャンバス（#fafafa）に 1px のクールグレーのボーダー（#e5e7eb）、角丸は 4〜6px とややブルータリズム寄りで、🤗 の絵文字がシステムの記号として堂々と登場します。AI コミュニティとオープンプラットフォームに適しています。
Hugging FaceAI・大規模モデル
プロンプトテンプレート
基本テンプレート
Design a Hugging Face-inspired interface. - Sunshine yellow #ffd21e as the lone saturated accent; - IBM Plex Mono for headings and tags; Source Sans Pro for body; - Off-white canvas (#fafafa) with crisp 1px borders (#e5e7eb); - 4–6px radii — closer to brutalist than rounded; - Hugging-face emoji 🤗 used unironically as a system glyph. Colors: #ffd21e, #f59e0b, #fff4cc, #ffffff with #ffd21e accent. Typography: - Background:.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Hugging Face aesthetics. Use Hugging Face color identity with #ffd21e accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Hugging Face style. Use Hugging Face color identity with #ffd21e accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Hugging Face design language. Use Hugging Face color identity with #ffd21e accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Hugging Face visual identity. Use Hugging Face color identity with #ffd21e accents. Compelling, conversion-focused.
使用例
Hugging Face アプリ
WebBuild a web app with Hugging Face design language and #ffd21e color system.
Hugging Face ダッシュボード
ダッシュボードCreate a dashboard using Hugging Face style with data visualization and - Background: typography.
✅ 適した用途
- AI
- 機械学習コミュニティとモデルハブ
- 研究者のデータとアプリのページ
❌ 適さない用途
- ラグジュアリー小売ブランドのページ
- 柔らかなパステルのベビー・マタニティ製品
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。