Pinterest は「コレクションを暮らしに変える」ビジュアルディスカバリープラットフォームです。スタイルは暖かな白のキャンバスにオリーブサンドの中間色を合わせ、無機質さを避けます。Pinterest Red（#e60023）は唯一のアクセントカラーで、現れるときは自信に満ちています。Pin Sans は日中韓を含むグローバルの文字セットをサポートし、コンポーネントとセマンティックカラーは 3 層のトークンアーキテクチャで管理されています。暖かなサーフェス（サンドグレー #e5e5e0）がブラウジングをより寛いだものにします。コンテンツの発見とインスピレーション系プロダクトに適しています。
Pinterestメディアと消費
プロンプトテンプレート
基本テンプレート
Design a Pinterest-inspired interface. - Warm white canvas with olive/sand-toned neutrals — cozy, not clinical; - Pinterest Red (#e60023) as singular bold accent — never subtle, always confident; - Pin Sans custom font with global fallback stack (including CJK); - Three-tier token architecture: --comp-* / --sema-* / --base-*; - Warm secondary surfaces: sand gray (#e5e5e0), warm badge (hsla(60,20%,98%,.5)). Colors: #e60023, #103c25, #0b2819, #211922 with #e60023 accent. Typography: Pin Sans.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Pinterest aesthetics. Use Pinterest color identity with #e60023 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Pinterest style. Use Pinterest color identity with #e60023 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Pinterest design language. Use Pinterest color identity with #e60023 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Pinterest visual identity. Use Pinterest color identity with #e60023 accents. Compelling, conversion-focused.
使用例
Pinterest アプリ
WebBuild a web app with Pinterest design language and #e60023 color system.
Pinterest ダッシュボード
ダッシュボードCreate a dashboard using Pinterest style with data visualization and Pin Sans typography.
✅ 適した用途
- コンシューマー製品
- ビジュアルディスカバリーとインスピレーションフィード
- ウォーターフォール型コンテンツプロダクト
❌ 適さない用途
- 厳粛な金融管理画面
- 高密度のデータテーブル
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。