Material Design
Paper layers, elevation shadows, ripples, brief physics-like motion.
What it feels like
Like serious productivity software — cards float a little, taps ripple, everything feels steady and finished.
Why it works
Shadows say who sits on top without decoration; shared primary/surface roles make a whole product feel like one system.
How to tell AI
Material style: elevated cards with soft layered shadows, clear primary/surface roles, ripple on press, crisp app bar, short physics-like motion—not pure flat with zero elevation.
Signals
- · Card elevation shadows
- · Primary + surface color roles
- · Ripple / ink feedback
- · App bar and FAB habits
Don't confuse with
Flat can skip elevation; iOS leans blur and large-radius system chrome; dark mode is luminance, not Material paper stacking.
Style brief
Paste into your coding agent
Visual style: Material Design. Paper layers, elevation shadows, ripples, brief physics-like motion. Defining signals: - Card elevation shadows - Primary + surface color roles - Ripple / ink feedback - App bar and FAB habits Do not confuse with: flat-design, ios-human, dark-mode. Flat can skip elevation; iOS leans blur and large-radius system chrome; dark mode is luminance, not Material paper stacking. Implementation brief: Use Material Design language: elevated cards with soft layered shadows, primary/surface color roles, ripple on press, floating action button where appropriate, clear app bar. Motion is brief and physics-like. Keep scope to visual language and components styling; do not redesign product information architecture unless asked.