initial commit

skills/creative/baoyu-article-illustrator/references/styles/sketch-notes.md

@@ -0,0 +1,56 @@
+# sketch-notes
+
+Soft hand-drawn illustration style with warm, educational feel
+
+## Design Aesthetic
+
+Hand-drawn feel with soft, relaxed brush strokes. Fresh, refined style with minimalist editorial approach. Emphasis on precision, clarity and intelligent elegance while prioritizing warmth, approachability and friendliness.
+
+## Background
+
+- Color: Warm Off-White (#FAF8F0)
+- Texture: Subtle paper grain, warm tone
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Warm Off-White | #FAF8F0 | Primary background |
+| Primary Text | Deep Charcoal | #2C3E50 | Main elements |
+| Alt Text | Deep Brown | #4A4A4A | Secondary elements |
+| Accent 1 | Soft Orange | #F4A261 | Highlights, emphasis |
+| Accent 2 | Mustard Yellow | #E9C46A | Secondary highlights |
+| Accent 3 | Sage Green | #87A96B | Nature, growth concepts |
+| Accent 4 | Light Blue | #7EC8E3 | Tech, digital elements |
+| Accent 5 | Red Brown | #A0522D | Earthy elements |
+
+## Visual Elements
+
+- Connection lines with hand-drawn wavy feel
+- Conceptual abstract icons illustrating ideas
+- Color fills don't completely fill outlines (hand-painted feel)
+- Simple geometric shapes with rounded corners
+- Arrows and pointers with sketchy style
+- Doodle decorations: stars, spirals, underlines
+
+## Style Rules
+
+### Do
+
+- Keep layouts open and well-structured
+- Emphasize information hierarchy
+- Use hand-drawn quality for all elements
+- Allow imperfection (slight wobbles add character)
+- Layer elements with subtle overlaps
+
+### Don't
+
+- Use perfect geometric shapes
+- Create photorealistic elements
+- Overcrowd with too many elements
+- Use pure white backgrounds
+- Make it look computer-generated
+
+## Best For
+
+Educational content, knowledge sharing, technical explanations, tutorials, onboarding materials, friendly articles