Colorful Second Brain - Part 3: Simple rules for beautiful and reusable sketches
Based on Zsolt's Visual Personal Knowledge Management's video on YouTube. If you like this content, support the original creators by watching, liking and subscribing to their content.
Reusable sketches rely on consistent rules for both color and typography, not repeated manual tweaking.
Briefing
Reusable sketches depend less on artistic talent than on a small set of repeatable rules—especially around color and typography. When icons, diagrams, and text blocks share consistent sizing and palettes, they drop into new pages without looking “off,” and the process stays fast instead of turning into endless manual tweaking.
A key example comes from a stencil library of icons and parts built with different color schemes. Reusing an icon from a mismatched palette can make the whole drawing look worse, even if the icon is resized correctly. The bigger problem appears when resizing forces line thickness and “slopiness” to become visible at smaller scales. The workaround isn’t constant retouching; it’s designing the library and the drawing system so reused elements naturally fit—through similar sizes (set by text standards) and shared color palettes (set by consistent rules).
Color also functions as a readability and content-balancing tool. A disciplined palette adds contrast so viewers can quickly distinguish imagery from primary text and locate supporting details like arrows or secondary labels. That same structure helps assess whether a sketch is overloaded with visuals or with explanation. Because color composition mirrors content composition, balanced palettes tend to produce balanced notes: enough explanation to remember later, enough imagery to stay grounded, and a layout that reads at a glance.
For color management, three approaches are recommended. First is the “three color technique,” credited to Dog Neil from Verbal to Visual and adapted for sketchnoting in Obsidian with Excalidraw. It assigns one strong color for imagery, a second strong color for primary text, and a third lighter gray for secondary text and helper graphics (like arrows and clouds). The gray prevents secondary elements from competing with the main message; vivid everything makes pages hard to read. The gray can be literal gray or simply a lighter helper tone.
Second is a monochromatic palette: one color family used with different shades so drawings stay visually coherent without becoming overwhelming. Third is multi-color palettes, where an accent color stays vibrant while the remaining colors are dimmer. If more than two colors are needed, a four-color palette can add flexibility—but the accent still anchors the hierarchy.
To keep palettes practical over time, the system emphasizes standardizing palette structure and even adding comments/links inside palette files. Using palette tooling (Paletin) and exporting palette values as text, users can fine-tune saturation, brightness, and contrast to generate dimmer secondary colors that drift toward gray. A further reusability boost comes from keeping color order consistent (vibrant first, dimmer later) so palette switching can repaint an entire drawing coherently with a single action.
Typography ties the whole system together. Excalidraw’s text sizing standards—small, medium, large, extra large—help ensure images scale correctly relative to text at common zoom levels (like 200%). Consistent heading and tag styles reduce the need to resize components when copying from a stencil library. Even the title treatment can be standardized by duplicating title text in a different color to create a shadow effect. The result: sketches that look consistent, reuse cleanly, and require less friction to maintain across an Obsidian vault.
Cornell Notes
Reusable sketches come from consistent rules, not ad-hoc styling—especially around color and typography. Shared palettes make reused icons and components look coherent, while typography standards keep component sizes aligned so line thickness and readability don’t degrade when elements are resized. Color guidance includes a “three color technique” (strong imagery, strong primary text, lighter gray helper for secondary text/arrows), monochromatic shading for simplicity, and multi-color palettes with one vivid accent plus dimmer supporting colors. Palette tooling helps generate dimmer variants and supports palette switching so the same drawing can be repainted warm/cool without breaking visual hierarchy. Standard text sizing in Excalidraw (small/medium/large/extra large) further reduces resizing friction when copying from a stencil library.
Why does reusability break when an icon is reused from a different color scheme, even if it’s resized?
How does the “three color technique” structure a sketchnote palette, and what problem does the gray solve?
What’s the difference between using a monochromatic palette and using multiple colors with an accent?
How can palette standardization and palette switching improve long-term consistency in an Obsidian/Excalidraw workflow?
Which typography rules reduce resizing friction when copying components from a stencil library?
Review Questions
- What specific roles do the three colors play in the three color technique, and why is the helper color important for readability?
- How do text sizing standards in Excalidraw help maintain correct scaling when reusing stencil-library components?
- What palette-management practices (ordering, fine-tuning, comments/links, switching) most directly support reusability over time?
Key Points
- 1
Reusable sketches rely on consistent rules for both color and typography, not repeated manual tweaking.
- 2
A mismatched icon palette can make an entire drawing look worse, and resizing can expose line-thickness and sloppiness issues.
- 3
Color hierarchy improves readability by separating imagery, primary text, and secondary/supporting elements (e.g., arrows and clouds).
- 4
Start with the three color technique: strong imagery, strong primary text, and a lighter gray helper for secondary content.
- 5
If using multiple colors, keep one accent vibrant and make the rest dimmer to avoid visual overload.
- 6
Standardize palette structure and color order so palette switching can repaint drawings coherently with minimal effort.
- 7
Use Excalidraw’s small/medium/large/extra large text sizing standards so reused components keep consistent scale and remain readable at common zoom levels.