first commit

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

@@ -0,0 +1,28 @@
+# flat-design
+
+No shadows or gradients; solid color blocks and simple shapes. Clean, modern, universally readable.
+
+## Color Palette
+
+- Primary: Flat solid colors, no gradients
+- Background: Light neutral or bold solid color
+- Accents: Complementary flat colors, limited palette (3–5 colors)
+
+## Visual Elements
+
+- Zero drop shadows, zero bevels, zero textures
+- Simple geometric shapes as icons and illustrations
+- Bold color fills with clear boundaries
+- Minimal detail—every element serves a purpose
+- Consistent icon style throughout
+- Flat illustrations replacing photography
+
+## Typography
+
+- Clean sans-serif (Roboto, Open Sans, Nunito)
+- Bold weight for headings
+- High contrast between text and background
+
+## Best For
+
+App UI infographics, process flows, step-by-step guides, social media content, modern educational materials