first commit

sn-infographic/references/styles/material-design.md

@@ -0,0 +1,28 @@
+# 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