Introduction · Course 03

Graphic design

The craft of the page. Letters, colour and where things sit.

Set type, build a palette and lay out a page, in Figma, Photoshop, Illustrator, InDesign and Canva.

Start the first lesson

Typography from the anatomy of a letter to licensing a foundry. Colour sampled off real pigment. Grids, layout and the drawing underneath all of it.

You will be able to

  • Set type that reads well on paper and on a phone
  • Build a palette, with rules for how much of each colour
  • Lay out a poster or a spread on a grid
  • Work in Figma, Photoshop, Illustrator, InDesign and Canva, with their AI tools
  • 19 modules
  • 246 lessons

Curriculum structure

Full curriculum

Module 01

Typography

Letterforms from the inside: how type is drawn, spaced, classified, licensed and set, in Latin and in the scripts that do not sit on a baseline.

34 lessons

  1. 01.03Anatomy of a letterform
  2. 01.04Type classification
  3. 01.07What a typeface actually says
  4. 01.09Type inside a logo
  5. 01.10More than one script
  6. 01.11Kerning, tracking, leading
  7. 01.12Alignment, rag and justification
  8. 01.13Line length and readability
  9. 01.14Typographic hierarchy
  10. 01.15Pairing typefaces
  11. 01.16Licensing, EULAs and what you are actually buying
  12. 01.17Devanagari type and lettering
  13. 01.18Lettering versus type versus calligraphy
  14. 01.21Point size, em, en and measurement
  15. 01.22Type scales and modular scales
  16. 01.23Variable fonts
  17. 01.24Web type versus print type
  18. 01.25Font formats and file types
  19. 01.26Independent foundries and where to buy
  20. 01.27Open source type
  21. 01.28Arabic type and calligraphy
  22. 01.29CJK type
  23. 01.30Tamil, Bengali, Gujarati and other Indian scripts
  24. 01.31Multiscript typesetting
  25. 01.32Logotypes and wordmarks
  26. 01.33Custom type for brands
  27. 01.34Sign painting and vernacular lettering
  28. 01.35Type in the wild, identification practice

Module 02

Colour

How colour behaves in ink, on screen and in the eye. Wheels and models, palettes small enough to hold, and why the same red is two different colours on paper and a phone.

27 lessons

  1. 02.03What you see first
  2. 02.05A palette, kept small
  3. 02.06What one ink can do
  4. 02.08The colour wheel and colour models
  5. 02.09Hue, saturation, value
  6. 02.10Additive and subtractive colour
  7. 02.11RGB, CMYK, Pantone, HEX and when each applies
  8. 02.12Contrast and legibility
  9. 02.13Accessibility and contrast ratios
  10. 02.14Building a palette from an image
  11. 02.15Colour harmony
  12. 02.16Warm and cool
  13. 02.17Tints, tones and shades
  14. 02.18Colour psychology
  15. 02.19Colour meaning across cultures
  16. 02.20Building a palette from scratch
  17. 02.21Spot colour, duotone and limited palettes
  18. 02.23Colour in print versus on screen
  19. 02.24Colour management, profiles and proofing
  20. 02.25History of pigments
  21. 02.26Natural dyes
  22. 02.27Colour in film and grading
  23. 02.28Colour in nature as reference

Module 03

Composition and layout

Where things go and why. Grids, thirds, figure and ground, the crop, and the argument that structure is the strongest thing on a page.

27 lessons

  1. 03.03What to leave out
  2. 03.04The crop
  3. 03.05Let the shape carry the verb
  4. 03.06Structure as the argument
  5. 03.07The margin as a system
  6. 03.08The grid and why it exists
  7. 03.09Column grids, modular grids, baseline grids
  8. 03.10Visual hierarchy
  9. 03.11Whitespace and negative space
  10. 03.12Scale and contrast of scale
  11. 03.13Figure and ground
  12. 03.14Focal point and eye path
  13. 03.15The Swiss grid tradition
  14. 03.16Breaking the grid on purpose
  15. 03.17Rule of thirds
  16. 03.18Golden ratio and its overuse
  17. 03.19Balance, symmetry and asymmetry
  18. 03.20Tension and rest
  19. 03.21Rhythm and repetition
  20. 03.22Alignment and edge relationships
  21. 03.23Framing and cropping
  22. 03.24Editorial spreads
  23. 03.25Poster composition
  24. 03.26Packaging composition
  25. 03.27Screen layout versus page layout

Module 04

Meaning and semiotics

Why a picture says more than it shows. Signs and symbols, gestalt grouping, metaphor, and the same image read differently in two countries.

9 lessons

  1. 04.01Semiotics basics: how signs carry meaning
  2. 04.02Icon, index and symbol
  3. 04.03Gestalt principles
  4. 04.04Visual metaphor
  5. 04.05Visual rhetoric and persuasion
  6. 04.06Cultural reading of images
  7. 04.07Symbolism across cultures
  8. 04.08Stereotype and cliche in visual work
  9. 04.09Ambiguity and double meaning

Module 05

Drawing and form

Seeing before rendering. Proportion, gesture, light on form, and the working drawings nobody frames.

14 lessons

  1. 05.02Light, shadow and form
  2. 05.03Rendering materials and surfaces
  3. 05.04Still life
  4. 05.05Life drawing
  5. 05.06Gesture drawing
  6. 05.07Sketching for ideation
  7. 05.08Thumbnailing
  8. 05.09Orthographic projection
  9. 05.10Technical drawing conventions
  10. 05.11Drawing from observation versus memory
  11. 05.12Line quality and mark making
  12. 05.13One, two and three point perspective
  13. 05.14Isometric drawing

Module 06

Typography in branding

Choosing and licensing type for a brand that has to set everything from a billboard to a legal footnote.

8 lessons

  1. 06.01Choosing a brand's main typeface
  2. 06.02Licensing for a brand at scale
  3. 06.03Secondary and supporting typefaces
  4. 06.04Display versus text faces in a system
  5. 06.05Custom and modified type
  6. 06.06Brand type scale
  7. 06.07Web font fallbacks and system stacks
  8. 06.08Typographic tone of voice

Module 07

Colour in branding

Colour as an owned asset. Primary, secondary and extended palettes, ratios, accessibility, and what it takes to trademark a colour.

11 lessons

  1. 07.01Choosing a brand's main colours
  2. 07.02Trademarked colours
  3. 07.03Secondary palette
  4. 07.04Tertiary and extended palettes
  5. 07.05Accent colour
  6. 07.06Neutrals and supporting tones
  7. 07.07Colour ratios and how much of each to use
  8. 07.09Colour consistency across substrates
  9. 07.10Owning a colour in a category
  10. 07.11Colour in accessibility compliance

Module 08

Editorial design

Pages that have to be read in order. Grids, pacing, the opening spread, and the cover that has to work in a second.

10 lessons

  1. 08.01What editorial design is for
  2. 08.02The magazine grid
  3. 08.03Pacing a publication
  4. 08.04The opening spread
  5. 08.06Typesetting long text

Module 09

Poster design

One idea at twenty metres. The Swiss argument, the Polish answer, type as the whole image, and what a printed sheet actually costs.

10 lessons

  1. 09.02One idea, one poster
  2. 09.04The Polish poster school
  3. 09.05Japanese poster design
  4. 09.06Type as the whole image
  5. 09.10Posters that were never printed

Module 10

Information design

Making a number legible. Charts that fit the question, scales that do not lie, maps, wayfinding, and where a chart becomes propaganda.

12 lessons

  1. 10.01What information design is
  2. 10.03The line, the bar and the point
  3. 10.04Scales, axes and the lie in a truncated one
  4. 10.05Colour for data
  5. 10.07The diagram that argues
  6. 10.08Wayfinding and signage systems
  7. 10.11Dashboards
  8. 10.12Where a chart becomes propaganda

Module 11

Figma, with AI

Working in Figma the way a studio does, with its AI tools in the work. Auto layout, variables, components, images made in the file, Figma Make and templates at scale.

10 lessons

  1. 11.02Frames, grids and auto layout
  2. 11.03Styles and variables, set once
  3. 11.05Figma's AI tools, one by one
  4. 11.07The chores AI takes off you
  5. 11.09Brand templates at scale

Module 12

Photoshop, the basics

Photoshop from the first file, with its AI tools in the work. Layers, masks, cutouts, honest retouching, adjustment layers, Generative Fill and its credits, type and export, ending on one phone photo made into a post and a story.

8 lessons

  1. 12.04Retouching a product photograph

Module 13

Illustrator, the basics

Illustrator from a blank file, with its AI tools in the work. The Pen tool, shapes and Pathfinder, type and outlines, global swatches, Text to Vector Graphic and its credits, and SVG, PDF and PNG export, ending on No. 4's wordmark and four icons redrawn.

8 lessons

  1. 13.02The Pen tool, properly
  2. 13.04Type and outlines
  3. 13.08Redrawing a logo and an icon set

Module 14

InDesign, the basics

InDesign from a first document to a file a printer accepts. Parent pages, grids, threaded text and styles, linked pictures, CMYK swatches, preflight and PDF/X export, with its AI tools where Adobe has shipped them, ending on No. 4's four-page A5 leaflet.

7 lessons

  1. 14.02Pages, parent pages and the grid

Module 15

Canva, properly

Canva for people who already use it, with its AI tools in the work. Plans and the AI allowance, a Brand Kit set once, templates with locks, resizing, Bulk Create, teams and print-ready files, ending on a week of posts from one kit.

8 lessons

  1. 15.02The Brand Kit, set once
  2. 15.03Templates you control
  3. 15.05Resizing and bulk create

Module 16

Logo design, start to finish

How a working designer takes a logo from the brief through research, a hundred thumbnails, a spaced wordmark or a symbol, clean vector drawing and tests at every size and colour, to the client presentation and a finished file pack, ending with No. 4's mark.

12 lessons

  1. 16.01What a logo has to do
  2. 16.03Research and word lists
  3. 16.06Finding a symbol
  4. 16.07Drawing the mark clean in vector
  5. 16.10Presenting logos to a client
  6. 16.11The logo file pack

Module 17

Social and content design

Posts, carousels, stories and ads designed for the phone. Sizes and safe zones for 2026, the carousel's first and last slides, Meta's own ad guidance, type that reads at arm's length and A/B tests, ending on one No. 4 shoot made into a week of posts and two ads to test.

11 lessons

  1. 17.04Story and reel covers
  2. 17.07Templates a team can fill

Module 18

Illustration for brands

Choosing an illustration style for a brand, drawing it in vector or in Procreate, and writing the rules so characters, mascots and icons stay in one hand, ending on No. 4's spot illustrations.

10 lessons

  1. 18.02Choosing a style
  2. 18.05A mascot other people can draw
  3. 18.08Procreate for brand work

Module 19

Motion and time

Movement as a design material. Easing, timing, the twelve principles borrowed from animation, and when a transition is doing a job.

10 lessons

  1. 19.02Timing and spacing
  2. 19.03Easing curves
  3. 19.04Transitions and continuity
  4. 19.05Restraint in interface motion
  5. 19.06Motion in brand systems
  6. 19.07Type in motion
  7. 19.08Sound and image together
  8. 19.09Storyboarding
  9. 19.10Animatics

Start with the first lesson.

Hear about new courses.

Leave an email and we will tell you when something new lands. We do not write often.