Back to Hermes Agent

chalkboard

optional-skills/creative/baoyu-article-illustrator/references/styles/chalkboard.md

2026.6.52.2 KB
Original Source

chalkboard

Black chalkboard background with colorful chalk drawing style

Design Aesthetic

Classic classroom chalkboard aesthetic with hand-drawn chalk illustrations. Nostalgic educational feel with imperfect, sketchy lines that capture the warmth of traditional teaching. Colorful chalk creates visual hierarchy while maintaining the authentic chalkboard experience.

Background

  • Color: Chalkboard Black (#1A1A1A) or Dark Green-Black (#1C2B1C)
  • Texture: Realistic chalkboard texture with subtle scratches, dust particles, and faint eraser marks

Typography

Hand-drawn chalk lettering style with visible chalk texture. Imperfect baseline adds authenticity. White or bright colored chalk for emphasis.

Color Palette

RoleColorHexUsage
BackgroundChalkboard Black#1A1A1APrimary background
Alt BackgroundGreen-Black#1C2B1CTraditional green board
Primary TextChalk White#F5F5F5Main text, outlines
Accent 1Chalk Yellow#FFE566Highlights, emphasis
Accent 2Chalk Pink#FF9999Secondary highlights
Accent 3Chalk Blue#66B3FFDiagrams, links
Accent 4Chalk Green#90EE90Success, nature
Accent 5Chalk Orange#FFB366Warnings, energy

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
  • Wooden frame border optional
  • Stick figures and simple icons
  • Connection lines with hand-drawn feel

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
  • Make it look computerized

Best For

Educational articles, tutorials, teaching content, workshops, informal learning, knowledge sharing, how-to guides, classroom-style explanations