--- name: chalkboard category: educational --- # Chalkboard Style Black chalkboard background with colorful chalk drawing aesthetic. ## Element Combination ```yaml canvas: ratio: portrait-3-4 grid: single | dual | triptych image_effects: cutout: stylized stroke: none filter: none typography: decorated: handwritten tags: none direction: horizontal | vertical decorations: emphasis: underline | circle-mark | arrows-curvy background: chalkboard doodles: hand-drawn-lines | stars-sparkles frames: none ``` ## Color Palette | Role | Colors | Hex | |------|--------|-----| | Background | Chalkboard black, green-black | #1A1A1A, #1C2B1C | | Primary Text | Chalk white | #F5F5F5 | | Accent 1 | Chalk yellow | #FFE566 | | Accent 2 | Chalk pink | #FF9999 | | Accent 3 | Chalk blue | #66B3FF | | Accent 4 | Chalk green | #90EE90 | | Accent 5 | Chalk orange | #FFB366 | ## Visual Elements - Hand-drawn chalk illustrations with sketchy, imperfect lines - Chalk dust effects around text and key elements - Doodles: stars, arrows, underlines, circles, checkmarks - Mathematical formulas and simple diagrams - Eraser smudges and chalk residue textures - Stick figures and simple icons - Connection lines with hand-drawn feel ## Typography - Hand-drawn chalk lettering style - Visible chalk texture on all text - Imperfect baseline adds authenticity - White or bright colored chalk for emphasis ## Style Rules ### Do - Maintain authentic chalk texture on all elements - Use imperfect, hand-drawn quality throughout - Add subtle chalk dust and smudge effects - Create visual hierarchy with color variety - Include playful doodles and annotations ### Don't - Use perfect geometric shapes - Create clean digital-looking lines - Add photorealistic elements - Use gradients or glossy effects ## Best Layout Pairings | Layout | Compatibility | Use Case | |--------|---------------|----------| | sparse | ✓✓ | Educational covers | | balanced | ✓✓ | Standard lessons | | dense | ✓✓ | Detailed tutorials | | list | ✓✓ | Learning checklists | | comparison | ✓ | Concept comparisons | | flow | ✓✓ | Process explanations | ## Best For - Educational content - Tutorials and how-to's - Classroom themes - Teaching materials - Workshops - Informal learning sessions - Knowledge sharing