Video summary

The Woman Who Gave the Mac Its Face | Susan Kare

Main summary

Key takeaways

Art and Creativity

Overview

Susan Kare (also referred to in the subtitles as “Susan Car”) is profiled as the visual designer who created many of the most recognizable icons and typefaces for the original Macintosh. Her work helped make computers feel approachable to non-technical users.

The video highlights her process: translating older crafts—such as counted-thread embroidery, mosaics, and needlepoint—into pixel-by-pixel “bitmap” design under extreme resolution limits. It also emphasizes iterative, collaborative refinement with engineers and approvals from stakeholders.

Artistic Techniques, Concepts, and Creative Process

Pixel art / bitmap icon design (Mac’s original constraints)

  • Designing icons on a 32×32 pixel grid using pure black and white (no grayscale/color).
  • Treating each pixel as needing to “justify its existence” due to the tiny grid.
  • Adapting older UI metaphors from the Lisa—such as cursor/arrow, trash can, and document symbols—into forms that are more friendly and readable for Macintosh users.
  • Prototyping and testing metaphors on paper before refining them on-screen.

Grid-based construction (learning from embroidery)

  • Using counted-thread embroidery logic as an analogue for pixel design:
    • Building images stitch-by-stitch / square-by-square on a grid
    • Filling or leaving each cell empty
  • Hand-filling graph-paper grids to translate into screen pixels.

Typography design for low-resolution displays

  • Designing early Macintosh typefaces for a coarse pixel grid (~9×7 dots).
  • Creating proportionally spaced screen fonts to replace earlier monospaced approaches.
  • Applying strict stroke rules at low resolution:
    • Strokes allowed only in directions of horizontal, vertical, or 45° diagonals
    • Avoiding shallow diagonals that create stair-stepping artifacts
  • Naming fonts using a commuter-rail stop/place-name scheme, later switching to world-class city names (e.g., Chicago, New York, Geneva, London, Toronto, Venice).

Pictographic / “picture font” concept

  • Developing a pictographic type idea (e.g., “Cairo”), where glyphs are small images rather than traditional letterforms (e.g., palm tree, moon, dog).
  • Anticipating later mass adoption of emoji-like concepts.

Symbol/meaning-first icon strategy (cross-language readability)

  • Avoiding language-specific and culture-specific cues:
    • Minimal reliance on English text
    • No puns; fewer contextual references
  • Using universal sign-like metaphors and principles of quick recognition:
    • Icons should read instantly like traffic signs and road signage
  • Drawing on a broader history of symbols, including references to “symbol source book” collections of global signage (with hobo signals cited as an example of compressed meaning).

Collaboration and iteration in a software team

  • Designing early interface elements by:
    • Creating many options for each single UI element
    • Iterating through consensus-driven feedback loops
    • Obtaining personal approvals—especially Jobs approving key desktop icons
  • Learning the full software-building workflow “on the job,” including:
    • Converting hand-drawn pixel art into system values
    • Deriving hex values by hand early on, before better tooling existed

Notable Creations Mentioned (Icons and Fonts)

System icons / desktop metaphors

  • Trash can
  • Pointing hand
  • Paintbrush/paint bucket
  • Lasso (and related tool metaphors)

Startup faces

  • Happy Mac (smiling status indicator)
  • Sad Mac (error/failure face)
  • Bomb icon (playful failure indicator)

Keyboard command symbol

  • The looped-square command key symbol, including its multi-layer origin story.

Typeface

  • Elephant → renamed to Chicago (Mac system font for decades)

Other fonts / variants

  • Monaco (monospace)
  • Multiple early place-name fonts (e.g., Overbrook, Marion, etc.), later replaced by global city names.

Card game visuals

  • Windows Solitaire card deck design, tied to teaching mouse-drag interaction.

Facebook gifts

  • Colorful virtual gifts/icons (e.g., cupcakes, penguins, roses, etc.)

Additional Creative Contributions and “Mischief” Examples

  • The origin of Claris (“dog cow”):
    • A throwaway/accidental pixel creature from a pictographic font key, reused later for a printer icon/figure.
  • A pirate-flag offsite pranked gesture:
    • Sewing and painting a pirate flag inspired by internal slogans.

Contributors / Creators Featured (Named)

  • Susan Kare (subject/creator)
  • Andy Herzfeld (Mac software engineer; connects Kare to Apple; collaborative role)
  • Steve Jobs (Mac leadership/approval; involved in icon/font decisions)
  • Bill Atkinson (Mac Paint; contributed lasso concept; also credited for certain interface elements)
  • Harry Lokes (Franklin Institute graphics department mentor; introduced typography/hand composition)
  • Annette Wagner (drew/redrew Kare’s glyph for a printer dialogue box; led to the “dog cow/Claris” story)
  • Scott Zimmerman (coined the term “dog cow”)
  • Mark Harlan (named the icon set “Claris” and chose its sound)
  • Steven Caps (sewed pirate flag—part of the offsite prank)
  • West Cherry (intern who wrote Solitaire)
  • Paul Rand (designer hired for Next identity)
  • David Kelly (designer associated with Rand visit; later became IDO)
  • Tony Fidel (worked with Kare at General Magic; later collaborator mentioned)
  • Milton Glazer (mentioned in context of an exhibition alongside Kare)

Organizations / Clients Referenced

Apple, Xerox, Next, Microsoft, IBM, Sony Pictures, Motorola, General Magic, Intel, PayPal, Facebook, Pinterest, Niantic.

Original video