Material Design

Difficulty:
Company
material

Effect Preview

Style Description

Google Material Design, layered surfaces, dynamic theming

Tags

Material DesignEnterprise

Prompt Template

Base Template
Design a Material Design-inspired interface.  Colors: #C8B3FD, #16A34A, #D97706, #DC2626 with #16A34A accent. Typography: #6442D6.

Variant Prompts

📱 Mobile
Design a mobile app with Material Design aesthetics. Use Material Design color identity with #16A34A accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Material Design style. Use Material Design color identity with #16A34A accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Material Design design language. Use Material Design color identity with #16A34A accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Material Design visual identity. Use Material Design color identity with #16A34A accents. Compelling, conversion-focused.

Usage Examples

Material Design App

Web App
Build a web app with Material Design design language and #16A34A color system.

Material Design Dashboard

Dashboard
Create a dashboard using Material Design style with data visualization and #6442D6 typography.

✅ Best For

  • Enterprise
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines