zhens
/
JimLiu-baoyu-skills
mirror of https://github.com/JimLiu/baoyu-skills.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
JimLiu-baoyu-skills/skills/baoyu-image-cards/references/presets/study-notes.md

2.9 KiB
Raw Blame History

name category
study-notes realistic

Study Notes Style

Realistic handwritten photo aesthetic - student notes style, dense and messy but readable.

Element Combination

canvas:
  ratio: portrait-3-4
  grid: single

image_effects:
  cutout: none
  stroke: none
  filter: natural-photo

typography:
  decorated: none
  tags: none
  direction: horizontal

decorations:
  emphasis: circle-mark | underline | checkmark | cross | star-simple
  background: lined-paper-white
  doodles: arrows-simple | margin-notes | corrections | explanatory-diagrams
  frames: none

Color Palette (Three-Color Annotation System)

Role Colors Hex
Primary Blue ballpoint, Black ink #1E3A5F, #1A1A1A
Highlights Yellow highlighter #FFFF00 (50% opacity)
Accents Red pen (circles, underlines) #CC0000
Background White lined paper #FFFFFF

Visual Elements

  • Realistic photo perspective: top-down view of study desk
  • Hand holding blue ballpoint pen, actively underlining
  • Extremely dense handwritten content, filling entire page
  • Red pen annotations: circles, underlines, stars, boxes
  • Yellow highlighter marking key terms
  • Correction marks, cramped notes squeezed into margins
  • Simple hand-drawn symbols: → * ✓ ✗ !
  • Varying pen pressure creating lighter and darker strokes

Typography

  • Authentic student handwriting
  • Messy but readable, clear structure maintained
  • Varying font sizes (large titles, small body, tiny margin notes)
  • CJK optimized

Content Structure

Three-section layout:

Top Section

  • Core topic (circled multiple times in red)
  • First section title + 3-4 key points
  • Arrow connections, red underlines

Middle Section

  • Second section title (red pen box)
  • Numbered steps ①②③
  • Specific methods and supplementary notes

Bottom Section

  • Third section title (red star)
  • Time points / key metrics
  • Key quotes / core tips (tiny corner notes)

Best Layout Pairings

Layout Compatibility Use Case
sparse ✗ Not suitable - style requires dense content
balanced ✓ When content is lighter
dense ✓✓ Best fit - knowledge notes, summaries
list ✓✓ Step checklists, rankings
comparison ✓ Comparative analysis
flow ✓ Process flows
mindmap ✓✓ Mind map notes
quadrant ✓ Quadrant analysis

Best For

  • Study guides, exam notes
  • Knowledge organization, framework summaries
  • Tutorial summaries, quick notes
  • "Top student notes" style content
  • Knowledge sharing requiring authentic feel

Style Rules

DO ✓

  • Keep content extremely dense
  • Use simple symbols (→ * ✓ ✗ !)
  • Annotate key points with red pen
  • Include correction marks
  • Squeeze tiny notes into margins

DON'T ✗

  • Use complex emojis
  • Leave too much whitespace
  • Make neat, tidy layouts
  • Add colorful decorations
  • Include cartoon elements