Mobile Design Style Explorer

Learn 6 iconic mobile design paradigms — Skeuomorphic, Flat, Material, Neumorphism, Glassmorphism, and Brutalism. See live mockups, understand key traits, and copy AI prompts to recreate any style.

free design education tool

Mobile Design
Style Explorer

Learn 8 iconic design paradigms. See them in action. Copy prompts to build your own.

2020–2024macOS Big Sur, iOS 14, Windows 11
100%
9:41
⚡ 78%
App screenshot
8px grid|Glassmorphism

Frosted glass & depth

Style DNA

shadows
Soft colored glow + depth blur
radius
16–24px, rounded corners
textures
Frosted glass (backdrop-filter)
typography
System fonts, variable weight
palette
#38bdf8
#0ea5e9
#0f172a
#020617
#f0f9ff

AI Prompt

ready to copy
Design a mobile app UI in glassmorphism style:
- The defining feature is FROSTED GLASS — use backdrop-filter: blur(20-40px)
- Glass surfaces: Semi-transparent (10-20% opacity white/black) with blur
- Background: Needs colorful orbs/gradients behind glass to show the effect
- Borders: Thin 1px borders (rgba(255,255,255,0.1-0.2)) to define edges
- Shadows: Soft colored glows, not directional shadows
- Layers: Multiple glass surfaces at different depths show parallax-like depth
- Typography: System fonts (SF Pro, Segoe UI, Roboto), lighter weights (300-400)
- Icons: Thin or medium line weight
- Color palette: Sky blue (#38bdf8), ocean blue (#0ea5e9), deep slate (#0f172a), near-black (#020617), white-ish text (#f0f9ff)
- Bright, colorful gradient backgrounds work best to show off glass effects
- Overall feel: Ethereal, modern, premium — like looking through frosted crystal

Quick Compare — all 8 styles

Paste copied prompts into Claude, ChatGPT, Midjourney, or v0 to generate your own app designs