Doodle は手描き落書きのスタイルです。手書きの書体、不規則な線、気ままに描いたアイコンが、UI にスケッチブックのような親しみやすさを与えます。濃紺（#263D5B）と空色（#49B6E5）はボールペンとマーカーの取り合わせのようです。完璧主義は意図的に手放され、活発さとリアリティが第一の価値です。個人ブログ、クリエイティブツール、気軽なブランド表現に適しています。
Doodleクリエイティブ
プロンプトテンプレート
基本テンプレート
Design a Doodle-inspired interface. Colors: #263D5B, #16A34A, #D97706, #DC2626 with #263D5B accent. Typography: #49B6E5.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Doodle aesthetics. Use Doodle color identity with #263D5B accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Doodle style. Use Doodle color identity with #263D5B accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Doodle design language. Use Doodle color identity with #263D5B accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Doodle visual identity. Use Doodle color identity with #263D5B accents. Compelling, conversion-focused.
使用例
Doodle アプリ
WebBuild a web app with Doodle design language and #263D5B color system.
Doodle ダッシュボード
ダッシュボードCreate a dashboard using Doodle style with data visualization and #49B6E5 typography.
✅ 適した用途
- クリエイティブプロジェクト
- 子ども・教育プロダクト
- 遊び心のある個人プロジェクト
❌ 適さない用途
- 厳格な金融機関
- 高精度のプロフェッショナルツール
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。