The framework at a glance
Hand, Head, Heart: the three modes of practice this book is built on. All three run through every layer, and each carries the most weight in one: Hand in the Model (Part One), Head in the Structure (Part Two), Heart in the Conduct (Part Three). All three modes are simultaneously primary. The weight shifts across a career.
This page is the map. Each block links to the section of the book where the idea is developed in full, with the stories, limits, and practice behind it.
Hand, Head, and Heart are active in every piece of design work. Most design decisions happen where two modes combine. Mastery is all three, switched consciously in the same work.
A layer is a relationship: to the work, to the path, to the people. All three modes run through every layer. What changes from layer to layer is which one carries the most weight.
Three layers of a career
Each layer is carried up as the career advances. All three modes run through every layer, and the lit circle marks the one that leads it.
Part One · Chapters 1–6
The making mode: the trained capacity to produce work with precision and intent, in visual, interaction, research, and writing craft. Hand carries the most weight in the Model layer (Part One) and runs through all three. Necessary but not sufficient for the full career arc.
Read it in the bookThe systems mode: the trained capacity to read the field the work sits inside, framing problems, tracing downstream effects, and translating design reasoning into the language the organisation acts on. Head carries the most weight in the Structure layer (Part Two) and runs through all three.
Read it in the bookThe empathy mode: understanding the human beings the work is for, accurately enough to design for them well. Cognitive empathy with evidence. Warmth alone is not it. Heart carries the most weight in the Conduct layer (Part Three) and runs through all three.
Read it in the bookThe H3 intersection where Heart meets Head: user truth and business consequence held in the same sentence, strategic empathy. At team scale it becomes the Vision domain (‘Vision is team-scale Purpose’, §12.1).
Read it in the bookThe H3 intersection where Hand meets Heart: craft calibrated so the user feels seen, execution that carries emotional intelligence, in language as much as in visuals.
Read it in the bookThe H3 intersection where Head meets Hand: the reasoning, standards, and infrastructure that make excellence repeatable, the part of the work that survives you. If the reasoning lives only in one practitioner’s head, the next designer cannot inherit the standard.
Read it in the bookThe H3 intersection at the centre of the triangle: all three modes held together and switched consciously in the same work. Situational reading and modal capacity in one practitioner, explicitly not the ‘triple threat’. The rarest state in design practice, the one most often claimed and least often achieved. Compare false Mastery.
Read it in the bookThe first layer of the H3 framework, where Hand carries the most weight. The practitioner’s relationship with the work itself: craft, judgement, and identity. The Model is carried as a career advances. Covered in Part One (Chapters 1–6).
Read it in the bookThe second layer of the H3 framework, where Head carries the most weight. The practitioner’s relationship with the path: the π profile, the six levels, the Branch, the two specialisation archetypes, and the AI-era career. Covered in Part Two (Chapters 7–11).
Read it in the bookThe third layer of the H3 framework, where Heart carries the most weight. The practitioner’s relationship with the people: the five domains of design leadership, focus and cadence, hiring, culture, and the ensemble. Covered in Part Three (Chapters 12–16).
Read it in the bookPart One · The Model
The first layer of the H3 framework, where Hand carries the most weight. The practitioner’s relationship with the work itself: craft, judgement, and identity. The Model is carried as a career advances. Covered in Part One (Chapters 1–6).
A designer’s professional identity is their ability to solve problems and reason through design decisions. Because tools, deliverables, and job titles change across a career, defining your value by them means rebuilding it every time the industry shifts.
Design work moves through three phases set by the problem itself: Problem Framing (led by Head), Value Shaping (led by Heart), and Experience Realisation (led by Hand).
Deep craft is the ability to explain why a design decision is right, with reasoning a peer could follow. Section 3.1 contrasts this with taste, which is a preference a designer cannot account for.
Strategic thinking is available at any level and does not require a senior title. The habit is to write a hypothesis before designing: the decision, the outcome you expect, and the signal that will tell you it worked.
The empathy design needs is cognitive: accurately modelling how a user thinks and what they need. It is a skill you can build through practice, separate from how warm or caring you are by nature.
Purpose is where Heart and Head meet: holding the user’s real need and the business’s goal together so the work serves both. Work that serves only the user tends to get overruled, and work that serves only the business tends to ship and then fail with users.
Part Two · The Structure
The second layer of the H3 framework, where Head carries the most weight. The practitioner’s relationship with the path: the π profile, the six levels, the Branch, the two specialisation archetypes, and the AI-era career. Covered in Part Two (Chapters 7–11).
AI has made broad, shallow skills cheap, so a single area of deep craft no longer protects a career on its own. The π-shape adds a second area of depth, and H3’s contribution is defining what those two depths are.
The six levels each have a defining verb: Associate (Follow), Senior (Assist), Lead (Apply), Staff (Enable), Principal (Ensure), and Advisor (Direct and Advise). The verb describes what the level is responsible for, which the title alone does not.
The Branch is the choice at Lead between the individual-contributor and management tracks. Decide it by where your energy comes from, doing the work yourself or improving it through other people. That is a more reliable guide than whether you feel ready for a management title.
AI compresses standard production work, layout, and common patterns the fastest. That pushes durable careers toward the two ends of the design spectrum: upstream problem-framing and downstream high-fidelity making.
AI compresses the middle of Hand work, the standard production between upstream framing and downstream high-fidelity making. That is why it hits the Associate-to-Senior rung and the mid-career, middle-of-the-spectrum plateau hardest.
Part Three · The Conduct
The third layer of the H3 framework, where Heart carries the most weight. The practitioner’s relationship with the people: the five domains of design leadership, focus and cadence, hiring, culture, and the ensemble. Covered in Part Three (Chapters 12–16).
Design leadership is five jobs held at the same time, every week and at every level: Vision (Head), Direction (Heart), Function (Head and Hand), Organisation (Heart), and Cooperation (Head and Heart). Seniority changes how large each job is, while you do all five at every level.
Self-assessment is biased in a predictable way: leaders over-rate Vision and Cooperation and under-rate Organisation. The fix is triangulation, scoring yourself and then having someone who sees the team score you on the same scale.
Treat hiring as a design problem whose brief is the gap in the team you already have. Read the team’s combined H3 shape before looking at any candidate, since that shape, not any one person’s rating, decides what the team can produce.
A stated value only does work if you can name the capability it is meant to grow. ‘Curious,’ ‘Collaborative,’ or ‘Bold’ that changes no hiring decision, brief, or coaching plan has no practical effect, however sincerely the team believes it.
The craft you built earlier stays useful as a leader in concrete ways: it lets you sense when work is off before you can explain why, gives your feedback credibility with the team, and helps you spot when a ‘people problem’ is really a craft-standards problem.
Breadth across the discipline, then two depths: one of craft and one of leadership. At Lead, the career forks.
A designer with breadth across the discipline (the horizontal bar) and two verticals of depth: craft depth (built toward one end of the design spectrum) and leadership depth (people or thought). The profile this book argues replaces the T-shape under AI compression. Named for the shape of the letter π.
Read it in the bookIn the π-shaped designer model, the horizontal bar represents the breadth of a designer’s competence across the discipline: the foundation of skills (visual craft, interaction design, research, and delivery) built at the Associate and Senior levels. The horizontal bar makes the verticals deployable. Without breadth, specialisation has no surface to build on.
Read it in the bookIn the π-shaped designer model, the first vertical: craft depth, built toward one end of the design spectrum, either upstream (strategy, framing, research) or downstream (production fidelity, systems). Developed first; it is the ground leadership depth stands on.
Read it in the bookIn the π-shaped designer model, the second vertical: leadership depth, people leadership or thought leadership. Built after craft depth is in place. Leadership depth not grounded in craft depth produces false Mastery.
Read it in the bookThe career decision point at the Lead level where a practitioner chooses between continuing on the Individual Contributor track or stepping into management. Not a promotion. A lateral move between two distinct professional paths, each with its own H3 weight shift and development logic. The decision rests on the energy patterns you have actually observed, not on what you aspire to or what the organisation wants. Developed in Chapter 9. T03 (Branch Decision Card) is the working instrument.
The Staff IC archetype whose specialisation is the upstream end of the design spectrum. The Design Strategist’s craft is the work that happens before the artefact: brief interrogation, research strategy, problem framing, and the translation between user insight and business consequence. One of two archetypes the IC track produces at Staff depth. The other is the Experience Engineer.
Read it in the bookThe Staff IC archetype whose specialisation is the downstream end of the design spectrum. The Experience Engineer’s craft is production-level execution: motion calibrated to production fidelity, code-integrated interaction design, and design systems architecture at the token and governance level. One of two archetypes the IC track produces at Staff depth. The other is the Design Strategist.
Read it in the bookA descriptor of what the work requires of a designer at a given career stage, independent of rank or tenure. The book uses six levels: Associate, Senior, Lead, Staff, Principal, and a terminal tier (Advisor or Distinguished Designer on the IC track, Chief Design Officer on management). Levels describe the scope of the work. They say nothing about a person’s worth.
Read it in the bookThe five simultaneous responsibilities of design leadership: Vision (Head), Direction (Heart), Function (Head + Hand), Organisation (Heart), and Cooperation (Head + Heart). Held simultaneously, with none waiting its turn. In the leaders I have watched, most are strong in two and neglect the other three without noticing.
The design leadership domain that sets where the team is going and the specific bet it is making. Head.
Read it in the bookThe design leadership domain that sets what great design means in the work the team ships every day: the team’s craft standard. Heart.
Read it in the bookThe design leadership domain of delivery infrastructure: the design system, research repository, critique ritual, and workflow that let the team ship reliably at its standard. Head + Hand.
Read it in the bookThe design leadership domain of people: hiring, composition, development, performance, and the trust that turns a group of practitioners into a team. Heart.
Read it in the bookThe design leadership domain covering design’s relationship with the wider business: the cross-functional trust and translation that let design influence decisions made outside its walls. Head + Heart.
Read it in the bookEach tool puts one part of the framework into practice. They come with the Practitioner edition.
H3 Self-Assessment Radar
Entry · ↻ Annual
Your H3 shape: which layer is most developed, most neglected, and where the constraint sits. Your dominant intersection (Purpose, Presence, Precision, or Mastery).
Feeds T02, your H3 profile anchors the career map. T05, individual scores inform the team audit.
π Profile & Career Map
Entry · Follow-on
Your current π profile, your target profile two years out, and the specific capability edge that closes the distance between them.
Feeds T03, career clarity sharpens the Branch. T04, capability edge becomes the first quarterly focus.
Branch Decision Card
Situational
A diagnosis grounded in observed energy patterns: which signals are IC-strong, which are management-strong, and whether the card result is decisive or mixed.
Feeds No downstream tool. T03 is a decision point, not a gateway. After the branch is read, return to T02 if the result prompts a revised two-year target.
Quarterly Leadership Cycle
Follow-on · ↻ Quarterly
A scored domain health map across the five management domains, a single ninety-day focus, and a Quarterly Focus Card the team can see.
Feeds T06, the domain focus informs where culture work is most needed. T05, the cycle review at ninety days may trigger a fresh team audit.
Team H3 Audit
Follow-on · ↻ On team change (every two hires or six months)
The team’s collective H3 shape: which layer the team as a whole over-indexes on, where the gaps sit, and what the next hire needs to address.
Feeds T04, team health informs the domain focus. T06, team shape grounds the culture bridge in observed capability.
Values × Capability Bridge
Follow-on
A three-column translation: the values the team says it holds › the behavioural mechanisms those values produce › the capabilities those mechanisms activate. Surfaces which values are operational and which are aspirational.
Feeds T04, the bridge result often reveals a domain to prioritise in the next quarterly cycle, closing the loop.
Phase × Layer Map
Entry · Follow-on
A concrete read of what your layer asks of you across all three phases (down your column), and what the same phase looks like at the layer above you (across your row). The legibility move that lets a junior name what their seniors do.
Feeds T02, the matrix sharpens which craft and leadership shape your career architecture should target. T05, managers use the matrix to read individual scope and team coherence in concrete cell terms.
Chapter 1 is free and needs no account. The whole book, the tools, and the stories behind every idea on this page are one payment away.