Register C · Graphite
§07 · Tutorials, field notes, lecture visuals for children. A pencil sketch on graph paper with blue pencil for what matters. Source: 8f · 10b · 11b · 12b.
Tutorial steps
Palette
GraphiteAll pencil linework, titles
Blue pencilThe answer, the path, the action
Frost washHighlight fill
HazeSoft blue fills, rarely
Berry marksRemove or wrong. The only accent besides blue
Specification
Drawing spec
| Line | Graphite 1.6px drawn twice: second pass offset (0.9, −0.7) at 45% opacity |
| Pencil grain | fractalNoise 2.0 alpha mask, then displace 3 (noise .03) on the whole drawing |
| Shading | Hatch 40°, 6px, .8px @45–50% for mid tones. Cross-hatch −40°, 4px @60–75% for darks |
| Accent | Blue pencil #1F3FD6, 2.2–3.2px. Only on the answer, path or action. Frost wash fills for highlights |
| Guides | Ink .8px, dashed 6 4, at 40%. Dashed circles (subject radius + 10–20px) with a crosshair through the subject center, plus horizontal baselines for ground and horizon. Draw them first, under the subject |
| Paths | Route or flight path: blue 2.2px, dashed 6 5. Straight horizontal and vertical segments through cell centers, with an r2.5 solid dot at each stop |
| Motion arrow | 1.6px quadratic curve with an open 8px chevron head. Blue when it shows the action, graphite when it is only explanation |
| Marks | Success: three 1.6px blue ticks plus a Frost-filled star. Remove or wrong: two crossed 2px Berry #D63C84 strokes. Berry is the only accent allowed besides blue |
| Frames | Step figures are 280×200 in a 1.5px graphite frame, r6, rotated −0.8° / 0.6° / −0.4° / 0.9° in step order. Tip icons are 120×100, shown at 72×60 |
| Filter | Apply the pencil filter once to the whole drawing group with filterUnits="userSpaceOnUse", sized to the canvas. On an object-bounding-box filter, thin horizontal lines have zero height and disappear |
| Lettering | Mono in drawings (“SNIP!”, “01:30”) in blue |
Page layout
| Header | Kicker mono 13 ink “TICK-TOCK RESCUE · FIELD NOTES” → serif 52 title. A stamp chip on the right: mono 12 muted, 1px dashed ink, padding 8/12, rotate 2° |
| Steps | 4 equal columns, gap 20. Figure frame 1.5px graphite, r6, rotations −0.8° / 0.6° / −0.4° / 0.9°. Figures 280×200 |
| Step text | Mono 28 ink number + serif 24 title (baseline) → serif 17 body |
| Tips row | 1.5px dashed graphite top border, padding-top 28. 3 tips (icon 72×60 + mono 13 head + serif 16 body) + CTA |
| CTA | Ink pill 56h r28, white mono 15, e.g. “START MISSION →”, links to the game |
| Voice | Imperative, friendly, one idea per step: “Watch the clock”, “Snip!” |
Do
- Keep construction lines in
- Use blue only for the answer
- Match tutorial copy to the real game controls
Don't
- Color fills other than Frost
- Collage textures in notes
- More than 4 steps per page