グラスモーフィズム
Glassmorphism
すりガラス風のUI。背景ぼかしの半透明カードに細い明るい境界線を付け、鮮やかなグラデーションの上に浮かせる。
配色
- Deep Indigo#1E1B4B · 35%
- Electric Violet#7C3AED · 20%
- Hot Pink#EC4899 · 15%
- Cyan Glow#22D3EE · 10%
- Glass White 20%#FFFFFF33 · 20%
視覚的特徴
- カードは半透明の白（10〜25%）で塗り、backdrop-filter: blur(16〜32px)をかける
- 1pxの明るい枠線（約30%の白）でガラスの縁を表す
- 背景は彩度の高い多色のグラデーションか、ぼかした色の塊。ガラスの下にぼかす対象が必要
- 柔らかく大きな影。角丸は16〜24px
- 文字はコントラストの高い白のまま。ガラスを何枚も重ねない
プロンプト
Glassmorphism UI dashboard, frosted translucent cards with backdrop blur and thin white borders, floating over a vivid gradient background of deep indigo, violet, hot pink and cyan blobs, rounded corners, soft glow, clean white sans-serif text, minimal icons
ネガティブプロンプト
flat opaque cards, skeuomorphic texture, low contrast text, cluttered layout