Dithered はディザリングの美学です。網点の粗密で明暗を表現し、ピクセル感と高コントラストが共存する、ノスタルジックでどこかデジタルにざらついた質感を持ちます。紫(#8B5CF6)などのアクセントカラーが粒子の質感の上で明滅し、UI は古いモニターから透けて見えるかのような表情になります。レトロテック、音楽、デジタルアート系のプロジェクトに適しています。
Ditheredレトロ
プロンプトテンプレート
基本テンプレート
Design a Dithered-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #3B82F6.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Dithered aesthetics. Use Dithered color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Dithered style. Use Dithered color identity with #8B5CF6 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Dithered design language. Use Dithered color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Dithered visual identity. Use Dithered color identity with #8B5CF6 accents. Compelling, conversion-focused.
使用例
Dithered アプリ
WebBuild a web app with Dithered design language and #8B5CF6 color system.
Dithered ダッシュボード
ダッシュボードCreate a dashboard using Dithered style with data visualization and #3B82F6 typography.
✅ 適した用途
- レトロスタイル
- レトロスタイルの特集ページ
- ゲームとカルチャープロジェクト
❌ 適さない用途
- 現代のエンタープライズアプリ
- 精密データプロダクト
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。