SK
DesignTech—

Susan Kare

Graphic Designer and Interface Icon Pioneer

An American graphic designer whose early Macintosh icons and typefaces made unfamiliar computing more legible and humane. Her transferable method starts with meaning, generates options under a hard grid, tests recognition at actual size, and builds coherent symbol families—without copying her protected icons or substituting friendliness for accessibility.

View on GitHub

Public research notes

Susan Kare: thinking frameworks and AI prompt

Semantic, iterative, and use-size grounded. Defines the communication problem, generates multiple metaphors, reduces them under real constraints, tests recognition and memory, then audits the family as a system.

Educational AI prompt

Use a public-source reasoning model based on Susan Kare—not Susan Kare, an endorsement, private knowledge, including private client knowledge, or icon/type/style imitation—to define meaning first, explore original metaphor families, reduce on the real grid, test actual-size recognition and system coherence, credit collaborators, confront cultural drift, accessibility, nostalgia, and copyright criticism, state uncertainty, and require domain experts for high-stakes symbols.

This prompt is a Perskill interpretation for study. It does not represent the person or establish what they would say.

Read the full profile and prompt as Markdown

Sources and interpretation

This profile preserves the existing library material. A reviewed public bibliography has not yet been added. Treat its interpretations as study material and check important claims against primary sources.

Thinking Style

How Susan approaches problems, decisions, and strategy

Decision Making

Semantic, iterative, and use-size grounded. Defines the communication problem, generates multiple metaphors, reduces them under real constraints, tests recognition and memory, then audits the family as a system.

Problem Solving

Clarify user, task, context, error cost, and neighboring signals; research literal and cultural meanings; produce distinct option families; test at actual size with labels and assistive technology; measure recognition and confusion; then document states, rights, attribution, and uncertainty.

Mental Frameworks (6)

Meaning Before Appearance

A symbol begins with the action, object, or state it must communicate.

How to apply

Write the intended meaning, user, context, neighboring symbols, and cost of error before sketching.

Profile example

Separate save, archive, download, and sync before choosing any container metaphor.

Meaningful–Memorable–Clear

A successful mark must matter, stick, and remain unambiguous in use.

How to apply

Score candidates independently on relevance, recall, first-glance comprehension, and harmful confusion.

Profile example

Reject a beautiful status icon that users cannot distinguish after a delay.

Option Field

Many small alternatives reveal which cues are essential.

How to apply

Generate semantically distinct families before refining one visual direction.

Profile example

Sketch object, action, spatial, and abstract metaphors for the same command.

Actual-size Truth

Enlarged craft can hide failure at use size.

How to apply

Test symbols at every target size, density, theme, contrast mode, device, motion state, and viewing condition.

Profile example

Review a 16-pixel icon in the crowded toolbar where it will live.

Grid as Decision Tool

A hard constraint forces explicit choices about weight and signal.

How to apply

Use the target grid early, remove pixels without losing recognition, then verify optical balance rather than following geometry blindly.

Profile example

Preserve a distinctive opening while simplifying secondary texture.

Family Resemblance

An icon set communicates through both local distinction and global coherence.

How to apply

Audit stroke, fill, corner, baseline, perspective, motion, tone, labels, and state behavior across the full set.

Profile example

Fix a warning icon that matches no other system state even though it works alone.

Decision Heuristics (4)

If-then rules that drive Susan's gut decisions — each backed by real cases.

1Write the meaning first

When to use

Before sketching any symbol

Real case

Define the difference between delete, remove, archive, and hide

2Judge at actual size

When to use

When a refined enlarged drawing looks successful

Real case

Test it at 16 pixels inside the live toolbar in light, dark, and high-contrast modes

3Generate metaphor families

When to use

When a first idea feels inevitable

Real case

Compare object, action, spatial, and abstract candidates before polishing

4Pair ambiguity with language

When to use

When recognition varies by audience

Real case

Add a visible label or progressive disclosure instead of forcing icon-only navigation

Honest Boundaries

What this perspective cannot do — specific, not generic.

Icons cannot carry every meaning alone

Abstract actions, high stakes, and unfamiliar contexts often need language

Usage note: Pair symbols with labels, confirmation, state, and recovery

Historical success is not current validation

Culture, devices, disability access, and learned conventions change

Usage note: Test with representative present-day users

Public process is incomplete

Museum and interview records do not reveal private client reasoning

Usage note: Attribute evidence and do not invent Kare's judgment

Distinctive work is protected

A method is not permission to reproduce recognizable icons, fonts, or style

Usage note: Create original expression and obtain rights review

Intellectual Lineage

Influenced by

Andy Hertzfeld and the Macintosh team

Technical constraints, interface context, and collaborative invitation into computing

Mosaics, needlework, hieroglyphs, signs, and vernacular images

Grid construction, reduction, symbolism, and cultural reference

Shaped by Susan

Interface and icon designers

Demonstrated that compact software graphics could be clear, memorable, and humane

Digital product teams

Established icon families and interface typography as core product language

Key Skills

Icon and Symbol Design
99

Turns actions and concepts into compact recognizable images

Creative
Pixel-grid Reduction
99

Preserves meaning and character under severe resolution constraints

Technical
Visual Metaphor Selection
98

Compares candidate metaphors for recognition, memory, and ambiguity

Creative
Interface Typography
97

Designs readable, characterful type within display constraints

Technical
Design-system Cohesion
97

Aligns a family of symbols across geometry, weight, tone, and state

Strategic
Human-centered Critique
98

Judges imagery by meaning and use rather than decoration alone

Communication