Interface systems Referencia ilustrativa Prompt para LLM listo para copiar

Material Design

Un lenguaje sistemático basado en superficies, elevación, color intenso, jerarquía clara y movimiento útil.

Panel de proyecto ilustrativo con superficies estructuradas, elevación y color por roles inspirado en principios de Material Design.
Recreación ilustrativa original; no es un resultado generado ni una captura propietaria. Original HTML/CSS illustration; no Google assets

Prompt para LLM listo para copiar

Material Design: Prompt para LLM listo para copiar

Úsalo como brief inicial y adapta después el contenido, la marca y los requisitos de interacción de tu proyecto.

Create an original interface informed by Material Design principles: structured surfaces, a clear elevation hierarchy, role-based color tokens, legible typography, consistent spacing, and recognizable component states. Include a top app bar, cards, buttons, navigation, and feedback patterns without copying a Google product screen or using Google branding. Specify responsive behavior, keyboard focus, reduced-motion behavior, and light/dark theme tokens.

Rasgos de reconocimiento

Cómo reconocer este estilo

Un lenguaje sistemático basado en superficies, elevación, color intenso, jerarquía clara y movimiento útil.

  1. 01 Elevación
  2. 02 Roles de color
  3. 03 Cuadrícula estructurada
  4. 04 Estados claros