Get AI summaries of any video or article — Sign up free
Colorful Second Brain - Part 3: Simple rules for beautiful and reusable sketches thumbnail

Colorful Second Brain - Part 3: Simple rules for beautiful and reusable sketches

5 min read

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.

TL;DR

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?

A stencil icon can look “right” in isolation but still degrade the overall drawing when its palette doesn’t match the page’s established hierarchy. The transcript gives an example: dropping a brain icon from a different palette into a drawing makes the combined result look worse than it would with a matching scheme. Resizing can also introduce visible problems—when an icon is made smaller, line thickness and line sloppiness become more noticeable, creating extra friction because the user can’t simply reuse the element without manual adjustments.

How does the “three color technique” structure a sketchnote palette, and what problem does the gray solve?

The technique uses three colors with distinct roles: (1) a strong color for imagery, (2) a strong color for primary text, and (3) a lighter gray helper color for secondary text and supporting graphics like arrows and clouds. The gray is crucial because secondary elements are numerous; if everything is vivid, the page becomes hard to read. A helper tone keeps the main message prominent while still making supporting information visible.

What’s the difference between using a monochromatic palette and using multiple colors with an accent?

A monochromatic palette uses one color family with different shades, letting drawings stay simple and not visually overwhelming while still looking “colorful” through contrast in lightness/saturation. For multi-color palettes, the guidance is to pick one accent color that stays vibrant, while the remaining colors are dimmer. This preserves hierarchy: the accent draws attention, and the supporting colors don’t compete with primary text or key imagery.

How can palette standardization and palette switching improve long-term consistency in an Obsidian/Excalidraw workflow?

Standardizing palette structure (including consistent ordering of vibrant vs dimmer colors) makes it easier to maintain and reuse palettes. The transcript also describes adding comments/links inside palette files so users can revisit settings later. With a palette switcher, the same drawing can be repainted from a warm scheme to a cool scheme in a single action, staying coherent because the palette’s internal color relationships remain consistent.

Which typography rules reduce resizing friction when copying components from a stencil library?

Using Excalidraw’s standard text sizing categories—small, medium, large, extra large—keeps text readable at typical zoom levels (the transcript mentions 200%) and helps images scale correctly relative to text. When reused components follow the same sizing standards, copied elements fit without constant manual resizing. Headings and section tags also follow consistent standards, while the document title can be treated with a repeatable method (duplicate title text in another color to create a shadow/backdrop effect).

Review Questions

  1. What specific roles do the three colors play in the three color technique, and why is the helper color important for readability?
  2. How do text sizing standards in Excalidraw help maintain correct scaling when reusing stencil-library components?
  3. What palette-management practices (ordering, fine-tuning, comments/links, switching) most directly support reusability over time?

Key Points

  1. 1

    Reusable sketches rely on consistent rules for both color and typography, not repeated manual tweaking.

  2. 2

    A mismatched icon palette can make an entire drawing look worse, and resizing can expose line-thickness and sloppiness issues.

  3. 3

    Color hierarchy improves readability by separating imagery, primary text, and secondary/supporting elements (e.g., arrows and clouds).

  4. 4

    Start with the three color technique: strong imagery, strong primary text, and a lighter gray helper for secondary content.

  5. 5

    If using multiple colors, keep one accent vibrant and make the rest dimmer to avoid visual overload.

  6. 6

    Standardize palette structure and color order so palette switching can repaint drawings coherently with minimal effort.

  7. 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.

Highlights

Reusability fails when reused elements come from a different palette: even correct resizing can’t fully fix the mismatch, and smaller sizes can reveal line-thickness problems.
The three color technique assigns a lighter gray helper role to secondary text and supporting graphics, preventing vivid clutter.
Palette switching can repaint an entire drawing warm-to-cool coherently when palette structure and color ordering are standardized.
Typography standards (small/medium/large/extra large) reduce resizing friction by keeping component scale consistent when copying from a stencil library.

Topics

  • Reusable Sketches
  • Color Palettes
  • Three Color Technique
  • Typography Standards
  • Palette Switching

Mentioned