mirror of
https://github.com/JimLiu/baoyu-skills.git
synced 2026-07-21 01:39:48 +08:00
Jim Liu 宝玉
a596c653d3
Rename baoyu-xhs-images to baoyu-image-cards to decouple from Xiaohongshu platform. Deprecate baoyu-xhs-images with migration notice pointing to baoyu-image-cards.
98 lines
2.3 KiB
Markdown
98 lines
2.3 KiB
Markdown
---
|
|
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
|