Lesson 42 · The Grant Architect

42. Visual Design Tools

30 min

By the end you'll be able to

  • Produce a publication-quality logic model graphic using free or low-cost tools.
  • Apply the standard left-to-right column layout with clear causal arrows.
  • Make small design choices (font, contrast, box shapes) that survive a black-and-white photocopier.
  • Choose between column, pipeline, and feedback-loop variants based on program structure.

Reviewers scan before they read. A clean, professional logic model graphic is often the first thing a reader engages with, and a messy or amateur visual quietly lowers their confidence in the rest of the proposal. In this lesson you learn to produce a publication-quality logic model using free or low-cost tools (Canva, Lucidchart, Google Drawings, Miro, or PowerPoint) without needing a graphic designer.

You will practice the standard left-to-right layout: inputs, activities, outputs, short-term outcomes, intermediate outcomes, long-term outcomes, arranged in columns with clear arrows showing the causal flow. You will also learn the small design decisions that matter: consistent box shapes, restrained color use, readable font sizes at print resolution, and accessible contrast for reviewers who print in grayscale. A logic model that survives the photocopier is a logic model that survives review.

By the end you should be able to produce a one-page logic model graphic for a real program, export it at print quality, and embed it in a proposal without distorting the aspect ratio. You will also learn when a vertical "pipeline" layout or a circular feedback-loop variant fits the program better than the standard column format. The goal is clarity, not decoration.

Common mistakes

These are the traps learners hit most often on this topic. Knowing them in advance is half the fix.

  • Over-designing the diagram.

    Drop shadows, gradients, and three-dimensional boxes distract from the causal flow. A clean, flat design almost always reads better.

  • Letting the diagram drift away from the narrative.

    If the diagram says "Outcome A" and the narrative talks about "Outcome 1," the reviewer will notice. Lock the labels and use them consistently across both.

Practice problems

Try each on paper first. Click Show solution only after you've made a real attempt.

  1. Problem 1
    List the six small design decisions you would lock in before exporting a logic model graphic for a proposal.
    Show solution
    1. Standard left-to-right column layout with six columns and arrows between them. 2. One sans-serif font (Inter, Arial, or Calibri) at no smaller than 10 pt for body text and 14 pt for column headers. 3. Restrained palette of two or three colors plus white and a dark text color. 4. Minimum 4.5:1 contrast between text and background. 5. Aspect ratio sized for an 8.5-by-11 page in landscape, with at least 0.5 inch of margin on all sides. 6. Exported as a 300 DPI PNG or as a vector PDF so the diagram does not pixelate when the reviewer zooms in.

Practice quiz

  1. Question 1
    Which design principle matters most for a logic model graphic?
  2. Question 2
    Why does the lesson recommend testing the graphic in grayscale?
  3. Reflection 3
    When does a vertical pipeline or circular feedback-loop layout fit better than the standard column format?

Lesson 42 recap

A clean, accessible logic model graphic is a quiet signal of organizational capacity, and free tools are more than enough to produce one.

Coming next: Lesson 43 — Narrative Alignment

Next, we align the graphic with the project narrative so the visual and the prose tell the same story.

Saved in your browser only — no account, no server.