Skeumorphism は実世界のスキューモーフィズムへ回帰します。皮革、金属、木目、ガラスなどのテクスチャ表面に、ベベル、内側の影、光沢のハイライトを加えることで、ボタンは本当に「浮き上がり」、スイッチは本当に「切り替えられる」ように見えます。オレンジ（#F08321）が表示灯のように温かく光ります。レトロ風プロダクト、オーディオワークステーション、強い手触り感が必要な UI に適しています。
Skeumorphism擬態とエフェクト
プロンプトテンプレート
基本テンプレート
Design a Skeumorphism-inspired interface. Colors: #F08321, #16A34A, #D97706, #DC2626 with #F08321 accent. Typography: #FA3C00.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Skeumorphism aesthetics. Use Skeumorphism color identity with #F08321 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Skeumorphism style. Use Skeumorphism color identity with #F08321 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Skeumorphism design language. Use Skeumorphism color identity with #F08321 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Skeumorphism visual identity. Use Skeumorphism color identity with #F08321 accents. Compelling, conversion-focused.
使用例
Skeumorphism アプリ
WebBuild a web app with Skeumorphism design language and #F08321 color system.
Skeumorphism ダッシュボード
ダッシュボードCreate a dashboard using Skeumorphism style with data visualization and #FA3C00 typography.
✅ 適した用途
- ビジュアル効果のシーン
- ゲームと楽しいアプリ
- レトロハードウェアのテーマページ
❌ 適さない用途
- ミニマルでモダンなツール
- フラットなデータ管理画面
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。