Files
Hermes Agent ccc63d1e70 first commit
2026-05-10 13:52:46 +08:00

810 B

material-design

Google Material Design: paper-and-ink metaphor with depth, shadows, and purposeful motion cues.

Color Palette

  • Primary: Vibrant brand colors from Material palette
  • Background: White or light gray surfaces
  • Accents: Bold accent colors, elevation shadows

Visual Elements

  • Layered paper-like surfaces with drop shadows
  • Elevation system (z-depth)
  • Floating action buttons and cards
  • Ripple and motion indicators
  • Bold icons with consistent stroke weight
  • Grid-based 8dp spacing system

Typography

  • Roboto or similar humanist sans-serif
  • Clear type scale (Display, Headline, Body, Caption)
  • High contrast text on surfaces

Best For

App and product UI explanations, Android ecosystem content, design system documentation, tech product overviews, UX process diagrams