Home/OutlineSign in

H3 Design OS

A Design Practitioner’s
Map and Instrument.

Most design careers hit the same wall: craft is solid, the work ships, and something essential is still missing.

H3 provides a clear map of what to Learn, Do, and Check at your level, and the one above it.

For the designer who has shipped real work, leads a team or is about to, and can feel the gap between where their skills are and what the work is now asking of them.

After reading, you will have it. You will also have a deliberate path for what to build next.

Preface · Lineage & Introduction

Design practice asks more than design training teaches, and the gap between the two is where the framework in this book took shape. The Preface traces the practice that revealed it. The Introduction lays down the answer: three layers of practitioner development, why all three are necessary, why the practitioner is the unit of analysis.

Preface

Twenty-Five Years of a Question

Why this book exists, and who it is for
A first-person path from software engineer to digital product designer, and the practice that revealed the pattern behind H3, Hand, Head, Heart as Design Operating System.

Lineage

An Idea Two Hundred and Fifty Years Old

Pestalozzi, Dewey, Steiner, Bauhaus, and how the triad arrived at design
H3 is the design-specific application of a 250-year-old pedagogical lineage that began with Johann Heinrich Pestalozzi (1746–1827), a Swiss educational reformer who insisted that a whole human being thinks, feels, and acts, and that any system of development which attends to only one of these dimensions produces a diminished person. His guiding motto: "Learning by head, heart and hand."

The triad travelled. John Dewey (1859–1952) carried the Hand dimension forward through learning by doing. His book Democracy and Education (1916) and the laboratory school at the University of Chicago (founded 1896) built an education around the conviction that experience is the primary teacher. Rudolf Steiner (1861–1925) built the integrated pedagogy into Waldorf education when he founded the first Waldorf school in Stuttgart in 1919. And, most consequentially for design, the Bauhaus, opened in Weimar in 1919 under Walter Gropius (1883–1969), carried the triad into the design discipline itself. Gropius and Johannes Itten (1888–1967) built the Vorkurs (1919–1923 in its original form under Itten, continued under Moholy-Nagy and Albers until the school closed) on the conviction that intuition, analysis, and craft were a single act. The school was closed in 1933, but the integration left a fingerprint on every design education that followed.

H3 picks up that lineage at the practitioner level and reorders it for the designer's accountability sequence: Hand › Head › Heart: first to the work, then to the path, then to the people.

Introduction

The Triangle

H3 Design OS as a system, three layers, one operating logic
The H3 Design OS triangle has three layers: Model at the base, Structure in the middle, Conduct at the top. They develop sequentially but operate simultaneously. A conductor still hears the instrument. An architect still feels the material. Hand anchors the Model, Head anchors the Structure, Heart anchors the Conduct. After this chapter, the reader knows where they are in the system at any point in the book.
Part One
Model
Practice the craft. The Hand.
Individual Practitioner · Craft & Identity · Chapters 1–6

The Model layer is where a designer builds the fundamental pattern of who they are as a practitioner, their craft, their judgement, their voice. You do not leave this layer when you ascend to Structure or Conduct. You carry it. Part One asks: what does it mean to truly hone the craft of design? And what is the complete model of a whole designer?

Chapter 1

What Is a Designer?

A definition in three parts and the person who holds them

Before a designer can model their practice, they need a clear answer to what they are modelling. This chapter challenges the design industry's habit of defining designers by the tools they happen to use, the deliverables they produce, or their position on the org chart, the person between PM and engineer.

Instead, it establishes a first-principles definition: a designer is a person who translates human need into form that can be built. That definition has three components, human need (Heart), form (Hand), and buildability (Head), which seeds the H3 framework: Hand, Head, and Heart as three simultaneous modes of engagement that combine to answer the three questions any product must balance: Can I make it? Can I think through what it should be? Can I feel who it’s for?

That is the move that distinguishes H3 from every other framework in design practice. Other frameworks evaluate ideas. H3 develops the practitioner who produces them. The chapter draws four structural distinctions that make this explicit: what separates H3 from the frameworks that came before, and why those differences matter for the practitioner.

A note on scope: H3 applies across the range of organisational contexts designers actually work in: from design-mature product organisations, to teams where design is new or contested, to the sole designer inside a non-design company. The framework’s mechanics do not require a supportive environment. They describe the practitioner’s own development, which proceeds at a different rhythm depending on how much room the organisation gives.

"A drummer who only knows how to keep time is a metronome. A designer who only knows how to execute briefs is a vendor. The difference is what you bring to what you do."

Key Takeaways

  • 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. §1.1
  • The three parts of a designer's job map onto the three modes: understanding human need (Heart), giving it form (Hand), and making it buildable (Head). Work the team cannot build is unfinished as a design, however good it looks. §1.2
  • A designer translates between user needs, business goals, and technical limits, keeping user needs as the reference point. Leave one of those three forces out and it still shapes the result, just without your input. §1.3
  • Hand, Head, and Heart are always in use together, and your weakest of the three limits the quality of your work. Heart is the most commonly under-developed, because synthesis decks and personas can stand in for real user contact without giving you any. §1.4
  • H3 is built to develop the practitioner. Frameworks like DFV, Design Thinking, and the Double Diamond evaluate, structure, or map the work, but each assumes a capable practitioner is already there to use them. §1.5
Chapter 2

The Work

Problem Framing · Value Shaping · Experience Realisation

Chapter 1 defined what a designer is. This chapter is about what a designer does.

Every time a designer engages with a product or experience problem, they move through three phases held in parallel: Problem Framing (Head-dominant), Value Shaping (Heart-dominant), and Experience Realisation (Hand-dominant).

A junior designer defaults to Experience Realisation because making is visible and feels like progress. A senior designer has learned the cost of building the wrong thing beautifully, and the discipline to stay in Problem Framing longer.

This chapter is the work model that sits beneath the H3 identity: who you are (Hand · Head · Heart) is the model. What you do (Frame · Shape · Realise) is the practice.

A note on vocabulary: H3's mechanics are intended to be culturally and disciplinarily portable, but its surface language, cross-functional partnership, IC track, advocating upward, reflects contemporary product-design practice. Readers in different cultural settings, in agencies, or in non-product disciplines (brand, service, content, research) should translate the behaviours into their own working context. The labels are a contemporary product-design register, and the framework lives beneath them.

"A senior designer has learned this the hard way: they have built the wrong thing beautifully. The shift from junior to senior is more than a gain in craft. It is a growing tolerance for the discomfort of not yet making."

Key Takeaways

  • 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). §2.1–2.3
  • Value Shaping asks who the work is for and what it should mean to them. This is the question engineering does not answer, and where design's contribution begins. §2.2
  • Every designer works through the same three phases at every level. What changes with seniority is the scope, the time horizon, and the mechanism, while the underlying work stays the same. §2.4
  • The step from Associate to Senior comes from doing the same work with more judgement, mainly by framing the problem before starting to solve it. Strong execution of the wrong brief still produces the wrong outcome. §2.5
  • The step from Senior to Lead changes the work itself: the central question moves from how you would solve the problem to what each designer on your team needs in order to solve it well. §2.6
Chapter 3

The Hand, Craft as Practice

Your relationship with the work
The Hand chapter treats craft as a rigorous, disciplined, daily practice. In H3, Hand maps onto Technology in the product triad, because craft at its deepest is the capacity to make things that can actually be built, with excellence. Every designer comes from somewhere. The background you bring into design (whether engineering, data analysis, business, marketing, or any other discipline) multiplies your craft. That prior depth, translated into design judgement, produces work that pure design training alone cannot. Craft, here, is the foundation every other layer rests on. Pitfall: the craft plateau, polishing details that no longer move the outcome, when the next unlock lives in a different H. Knowing when to stop refining and start pressing against a different dimension is itself a Hand skill.

Key Takeaways

  • 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. §3.1
  • The visual principles, grouping, hierarchy, contrast, alignment, proportion, are a grammar whose one job is to lower the effort it takes to perceive and understand a screen. A visual decision becomes craft when you can give the principle behind it and tie it to the job the screen does in the flow. §3.2
  • A second discipline such as engineering, psychology, or film changes the questions you can ask while you work. Its value comes from deepening your design judgement, which is different from simply knowing one more tool. §3.3
  • Prototype at the level of fidelity needed to answer the open question, whether that is paper, clickable, motion, or code. The point of a prototype is to surface expensive surprises early, while they are still cheap to fix. §3.4
  • A design system is shared craft written down so a team can reuse it. A token is a named decision, such as a spacing or colour value, and a system that is not maintained drifts out of step with the product it is meant to govern. §3.5
  • Treat every AI output as a proposal you judge against your own standard. AI changes how the work gets made, and you stay accountable for whether it is good. The risk is craft atrophy: running many quick iterations in place of close attention to each one. §3.7
Chapter 4

The Head, Strategy as Craft

Your relationship with the system your work lives inside
Head is the capacity to think in systems: to understand how individual design decisions compound into product outcomes, how product outcomes compound into business results, and how business constraints shape the space of design possibility. Head maps onto Business in the product triad. This chapter argues that strategic thinking is not a separate discipline that senior designers layer on top of their craft. It is a mode of engagement that runs through every decision, from naming a component to framing a research question. Pitfall: abstraction detached from making, strategy that sounds coherent in a deck but does not survive contact with what the team actually ships. Head stays honest only when it is tested against Hand and grounded in Heart.
This chapter builds Head in the order the skills are actually needed. It begins with problem framing (the discipline of questioning the brief before solving it) because that is where the wrong-problem failure most often originates, and where the correction is most immediately available to a designer at any level. From there it moves to translation: how to state a reframed problem in the business language that determines whether it gets acted on. It then turns to the structural analytical skill: systems thinking, the capacity to hold a design decision and the ecosystem it inhabits in view simultaneously. The chapter closes where Head scales beyond the individual: DesignOps as strategic infrastructure, the architecture that makes a team's collective judgement more durable than any single practitioner's alone. Each section assumes the one before it.

Key Takeaways

  • 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. §4.1
  • Before designing, find the real problem behind the brief: ask 'why' several times to get from the symptom to the root cause, then write a one-line diagnosis, the approach you will take, and the specific actions that follow from it. §4.2
  • Designers lose arguments when they speak only in terms of outputs. The skill is to restate the same point one level up, from output to outcome to business impact, in language product and finance can act on. §4.3
  • A set of individually sensible decisions can still add up to an incoherent product. Hold three scales at once, the single component, the user's whole journey, and the organisation, because each has its own way of failing. §4.4
  • DesignOps is infrastructure for a design team: it does more than speed work up, it changes the quality of work the team can produce. A shared design system is one example, letting the whole team reuse decisions one person would otherwise remake each time. §4.5
Chapter 5

The Heart, Empathy as Discipline

Your relationship with the people you design for
Heart is the rigorous, disciplined practice of understanding human beings accurately enough to design for them well. This chapter reframes empathy, a word often treated as a personality trait, as a professional skill that can be developed, measured, and practised. Heart maps onto User in the product triad. It is the voice in the practitioner that asks "who is this for?" before asking "what should it do?", and insists that the answer be grounded in evidence rather than assumption. Pitfall: performative empathy that stages the research ritual without letting the findings reshape the work, or saviour burnout from carrying user pain the organisation has no mechanism to absorb. Heart is the easiest dimension to fake in a mirror and the easiest to carry too much of alone. This chapter puts both breakdowns on the table.

Key Takeaways

  • 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. §5.1
  • Most research is wasted when findings are interpreted, more than when data is gathered. A finding is only useful if an observation could prove it wrong. 'Users abandon at the tax-ID field and return hours later' can be tested. 'Users value trust' cannot. §5.2
  • Emotional design means matching the interface to what the user is already feeling when they arrive, which often calls for restraint. A celebration animation is wrong on the screen confirming an insurance claim after an accident. §5.5
  • Accessibility extends user empathy to people whose needs are easy to overlook. Meeting WCAG standards is the legal minimum. Designing so the product works for those users in practice goes further, and most teams do only the first while assuming they did the second. §5.6
  • The same research finding can be resisted or used, depending on how you frame it for the person hearing it. Tie it to the decision the stakeholder is making, and apply the same empathy you use on users to the PM. §5.7
Chapter 6

The Whole Practitioner

Where Hand, Head, and Heart converge, Purpose, Presence, Precision, and Mastery
The most powerful design decisions happen at the intersections, where the three H's combine. Purpose (Heart + Head) lets a designer aim the work at what matters before making it. Presence (Hand + Heart) lets the made thing feel addressed to a real person. Precision (Head + Hand) makes excellence repeatable. Mastery, the centre of the triangle, is the developed ability to read the situation and choose which intersection it requires. From here the book turns from Model to Structure: from what a practitioner is to where a career goes.

"You become a whole practitioner by knowing which mode the situation requires, and being capable of it."

Key Takeaways

  • 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. §6.1
  • Presence is where Hand and Heart meet: craft precise enough that the work feels made for this specific person. The test is whether you can name the user's state at a given moment and the design move that answered it. §6.2
  • Precision is where Head and Hand meet: the systems and rituals that let a team produce good work repeatedly, such as design systems, decision records, and regular critique. A useful check: if you stopped today, how much would keep working without you? §6.3
  • Mastery does not require equal strength in all three modes. Most people who reach it are strong in one or two and have learned to recognise when a problem needs the weaker one and bring it in. §6.4
  • Knowing when to switch modes is harder than performing any one of them. The signal is when steady effort stops producing improvement, which means the mode you have relied on has done its part and another is now needed. §6.5
Part Two
Structure
Build the path. The Head.
The Structure · Growth & Specialisation · Chapters 7–11

The Structure layer is where a designer builds the deliberate architecture of their career, understanding the levels above them, the Branch ahead of them, and the specialisation path that best serves the model they have built. Part Two asks: how do you navigate a design career with intention rather than accident? And what does growth actually look like across six levels and two future-ready specialisation profiles?

Chapter 7

The π-Shaped Designer

Why T-shaped is no longer enough

The Pi (π) model is the framework's evolution beyond the T-shaped designer, with three dimensions: the horizontal bar of breadth (design generalist literacy), the first vertical bar of craft depth (upstream or downstream specialisation), and the second vertical bar of leadership depth (people or thought leadership). The AI era makes the Pi profile a necessity: AI has made the purely horizontal designer fungible.

One exception: the hyper-specialist I-shape, the deep research methodologist, the motion designer who wrote the accessibility guidelines for animation, the specialist whose single depth is itself beyond AI's reach, remains resilient. AI fragility comes from breadth with shallow depth, the thing AI most readily replicates, more than from the shape of the profile itself. Going wide with thin legs is the risk. Going deep in one rare place is not.

Key Takeaways

  • 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. §7.1
  • The horizontal bar of the π is literacy across disciplines: enough fluency to take part in the work, such as asking for 'ease-out at 280ms' rather than 'make it snappier.' Breadth with no area of depth beneath it is the profile AI erodes fastest. §7.2
  • Craft depth means specialising toward one end of the work: upstream (problem framing and research) or downstream (production-fidelity making). AI compresses the generalist middle most, so durable depth is built at one of the two ends. §7.3
  • Leadership depth is a second area you can develop: leading people by running a team, or thought leadership by shaping how the field thinks. It has to be built through real work. A senior title without it is the hollow seniority Chapter 6 calls false Mastery. §7.4
  • Switching your craft depth from upstream to downstream means starting that depth over, while leadership depth can move between people and thought across a career. So the craft-direction choice deserves more careful thought than the leadership one. §7.5
Chapter 8

Six Levels, What Growth Actually Looks Like

The career ladder as a sequence of expanding relationships

The two-page career map most designers do not have. The IC track (Associate › Senior › Lead › Staff › Principal › Advisor) sits next to the Management track (Manager › Sr Manager › VP of Design › SVP / CDO), with the Branch at Lead clearly marked. Each level pairs with the H3 profile that matches it, the scope it covers, and the verb that defines its day. The two tracks are not a hierarchy. They are two different answers to the same question about where your energy creates the most value.

On compensation: level is also the market language for pay, scope, and expectation, with wide variance across regions, organisations, and economic cycles. H3 deliberately does not prescribe numbers, because they date fast, but readers should treat their level as both an internal capability description and the external language a market uses to price it.

On plateaus: most of any career is spent between levels: the twelve-to-twenty-four-month stretch where the work expected of the next level is only partly within reach, while the work expected of your current level no longer fully challenges you. The plateau is where depth compounds into the capability that makes the next level possible. This chapter treats it as part of the work, not an absence of it.

Key Takeaways

  • 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. §8.1–8.6
  • Levels 1 and 2 (Associate and Senior) are shared by everyone. At Level 3, Lead, the path splits: continuing as an individual contributor who deepens craft, or becoming a manager who works through other people. §8.3
  • The individual-contributor and management tracks sit at the same seniority levels, with comparable scope, influence, and pay. Choosing management is a decision about which kind of work fits you, made between two tracks of equal rank. §8.7
  • Your real level shows in three things: the relationships you manage, the scope of work you own, and how long you have sustained it. These travel between companies in a way job titles do not, and most of a career is spent between levels building toward the next. §8.7
Chapter 9

The Branch Decision

The Branch at Lead, and how to choose your path with clarity

At the Lead level, every designer reaches the same fork: Individual Contributor or Manager. This is the most consequential career decision a designer makes, and the one made with the least systematic support. This chapter provides the Branch Decision framework: six behavioural signals (three per track) that ground the choice in observed patterns rather than aspiration. It also connects the Branch directly to the designer's H3 profile: the IC track deepens Hand and Head, while the management track pivots to Heart and Head.

A note on placement: the Lead anchor reflects the common pattern at large product organisations. In smaller teams, agencies, and solo practices, the Branch may appear earlier, later, or at a level that does not map cleanly to Lead. Use the six signals in this card, not the level label, as your guide.

A third branch exists and should be named: leaving design altogether, into product management, research leadership, strategy, founding, or an adjacent creative discipline. Hand, Head, and Heart are transferable capabilities. Walking out of the designer title with them intact is a legitimate path in its own right.

"The Branch is a question of energy: where does this designer get momentum from, making, or multiplying? Both are honourable, and neither is trivially reversible: switching tracks is a career move."

Key Takeaways

  • 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. §9.1
  • Six signals help you read the pull: three toward IC (wanting to make things, owning the craft standard, owning decisions) and three toward management (unblocking others, shaping team dynamics, feeling at capacity). Each has a counter-test, because wanting solitude can look like wanting craft depth, and wanting to be needed can look like wanting to build a team. §9.2–9.3
  • Each track fails when it lets its lighter mode wither. An IC who ignores Head becomes a craft specialist with little influence. A manager who lets their craft skills lapse becomes a leader the team stops trusting on the work. §9.4
  • Switching tracks later is possible but costly, closer to a career move than a quick adjustment. A practical rule: a track that has felt consistently wrong, not merely hard, for about two years is a real signal worth acting on. §9.5
  • The T03 card does not make the decision for you. It scores the six signals against what your energy did over the past year, which cuts through career anxiety to show the pull that is already there. §9.7
Chapter 10

Two Specialisation Archetypes

The Design Strategist and the Experience Engineer
As AI absorbs the routine production work in the middle of the design spectrum, the most defensible positions move toward the two ends: upstream, where strategy and human insight are formed, and downstream, where experience is actually assembled and shipped. This chapter profiles the two specialisation archetypes that emerge at Staff within the Pi model, the Design Strategist (upstream, Head-primary, behavioural science and data fluency) and the Experience Engineer (downstream, Hand-primary, code-level craft and design systems architecture).

Key Takeaways

  • 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. §10.1
  • The Design Strategist is the upstream specialist at Staff level. Their craft is interrogating the brief, running research that can change direction, and translating user findings into business consequences. Their weight is Head-heavy, with strong Heart and Hand applied through frameworks rather than screens. §10.2
  • The Experience Engineer is the downstream specialist at Staff level. Their craft is production-fidelity motion, code-integrated interaction, and design-system architecture. Their weight is Hand-heavy, with strong Head and Heart expressed through carefully made details. §10.3
  • Hire for one archetype rather than a 'senior designer' who claims both, because aiming at both usually produces someone adequate at each and strong at neither. Match the interview to the role: a live case discussion for the Strategist, a hands-on craft exercise for the Engineer. §10.4
  • Both archetypes are the individual-contributor path taken to Staff level: a broad base of literacy, then depth in one direction, with no people-leadership added, since that is the management track's work. They describe where a Staff-level IC ends up, so treating them as labels for a designer three years in is premature. §10.5
Chapter 11

AI and the Career

What the machine changes, and what it cannot

Every designer I have spoken to in the last two years has asked a version of the same question: what does AI do to my career? The useful answer is less a prediction about tools than a map of where AI compresses the work, where it amplifies it, and where it creates competencies that did not exist three years ago, read against the career architecture Chapter 7 built.

The chapter's central asymmetry: AI compresses the generative middle of Hand, amplifies Head, and makes Heart-primary skills the hardest for AI to compress. Hand loses the production layer where craft reps used to accumulate over years. Head gains value because systems thinking and architectural judgement matter more when the rest of the work is cheap. What holds in Heart, and why, the rest of this chapter develops.

Heart survives on two legs. The first is courage: advocating for a user against business pressure in a room where no one else will. The second is empathy at depth: the insight earned by being present in the interview room, which synthesising prior sessions cannot reach. Neither is pattern recognition, which is precisely the place AI is now strong. The specific moves Heart makes in a design decision are not what AI is generating. Whether AI will eventually reach them is a separate question, left open.

This is written from a senior position. The response to AI compression, from here, is to specialise upward, into work AI cannot yet reach. The harder companion question is how the field stays open to practitioners who have not yet reached the rung this framework starts from. If AI compresses the middle of Hand, it also compresses the path designers used to walk through that middle to reach senior practice. The question is named. It is not resolved.

"This framing is hopeful by choice, but the hope has to be earned. AI is also displacing entry-level design positions, hollowing the Associate–Senior rung that the rest of this framework depends on. The open question, how the field stays open to people who haven't yet reached the rung the framework starts from, is a real one, and this framework does not fully answer it."

Key Takeaways

  • 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. §11.1
  • The claim that AI cannot replace empathy misses where AI is strong: empathy as pattern-recognition, the kind in synthesis decks and personas, is exactly what it does well. What holds up is the narrower part of Heart: the courage to act on a hard finding, and empathy built from sustained real user contact. §11.2
  • AI Direction is the one new craft this era adds: directing AI tools well through good prompting and judging their output. It depends on judgement juniors have not built yet, and it develops inside your existing archetype rather than as a separate third depth of the π. §11.3
  • When tools change every few months, long-term value comes from being a continuous learner whose learning never stops, more than from being a fast learner who absorbs one tool quickly. §11.4
  • The book's honest limit: AI is hollowing out the entry-level rung that the rest of the framework assumes you have already climbed. Naming the senior's responsibility to protect that rung is as far as the framework can go. §11.5
Part Three
Conduct
Lead the people. The Heart.
Team Leadership · The Conduct · Chapters 12–16

The Conduct layer is where the designer's relationship shifts from their own craft and career to the ensemble, the team of designers, business partners, and technology collaborators they are responsible for making excellent. Part Three asks: what does it mean to run design at scale? And how do you coordinate multiple voices into a coherent, high-performing system without losing the heart of what design is for?

A note for freelancers and independents: this Part assumes a team being led. If your practice is solo, read Part Three as preparation, the frames here become useful as soon as you hire your first collaborator, found a studio, or take on an educator's reach. The domain language (Vision · Direction · Function · Organisation · Cooperation) translates narrower for a solo practice: Vision as practice direction, Function as workflow operations, Cooperation as client relationships. The other two domains wait for the day you have a team.

Chapter 12

The Five Domains

The full scope of design leadership responsibility

Design leadership is five distinct responsibilities held simultaneously: Vision, Direction, Function, Organisation, and Cooperation. H3 gives the leader a way to see which H each domain calls for. Vision is Head. Direction is Heart. Function is Head+Hand. Organisation is Heart. Cooperation is Head+Heart.

In my experience, most leaders are strong in two of the five and unconsciously neglect the other three. A pattern observation, not a research finding, offered here as a provocation rather than a statistic. The gaps do not announce themselves loudly. They accumulate quietly until the team loses coherence.

A sixth thread runs alongside these five and is often the most time-consuming: the political work of keeping the design function viable: protecting headcount, surviving re-orgs, managing up through leadership changes, advocating for design's place in the budget. H3 treats this as the shadow cast across all five domains rather than a sixth domain in its own right, but it is real and this chapter names it rather than pretending it is absent.

Leadership is also relational: who you are actively mentoring and who is actively mentoring you are part of the Conduct layer, not adjacent to it. The designers you grow and the voices you let reshape your thinking are leadership work.

Key Takeaways

  • 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. §12.1
  • Vision and Direction differ by time horizon, and a team can be strong on one and weak on the other. Vision sets where the team is headed over the next two to five years. Direction sets what 'good' means in the work shipping this week. §12.2
  • The Function domain, whether the team ships reliably, fails in two directions: too much process, which slows the team down, or too little, where critical knowledge lives only in a few people's heads. The second is harder to notice until that person becomes a bottleneck. §12.3
  • Mentorship runs in both directions, and leaders tend to forget the upward kind. A leader nobody mentors slowly falls behind, and it shows up in the work before they notice it in themselves. This sits inside the Organisation domain. §12.4
  • Most leaders are strong in two of the five domains and under-serve the other three, and the neglected one is the hardest to see in yourself. Its symptoms build over two to four quarters, which T04's Assess step, scored by you and a trusted peer, is designed to surface. §12.6
Chapter 13

Focus and Priority

How to choose what to work on, and what to let wait

Knowing five domains exist does not tell you which one to fix this quarter. The Three-Star health model and the Focus Selection Protocol answer that: a four-question process that converts a domain health assessment into a concrete quarterly action plan. It also addresses the hardest question in design leadership: how do you maintain excellence across all five domains simultaneously when resources, time, and energy are always finite? The answer: you do not. Growth is not simultaneous on all three Hs or all five domains. Most quarters, one leads and the others maintain.

On calibration: self-assessment is a mirror, and mirrors reflect what you want to see. Leaders consistently over-rate Vision and Cooperation and under-rate Organisation. Rate the five domains yourself first, then compare with a trusted peer, your manager, or a cross-functional partner who sees the team from outside. Where your rating and theirs disagree is usually where the work actually sits.

On stalls: the chapter also names three patterns that describe when H3 itself stops producing progress, the plateau under H3 (next-level signals partially present, usually a single-H blind spot), blocked by the room (the practitioner develops but the organisation has no slot or language for the level above), and dimension collapse (the dominant H has become the only H). Naming the stall pattern is the first move. The Focus Selection Protocol is the second.

"The conductor does not play every instrument. They decide the tempo, hold the silence, and know when to let a single voice carry the room."

Key Takeaways

  • 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. §13.1
  • For each domain, the Three-Star model asks whether it is currently under-serving your team, which is a different question from whether you are personally good at it. A domain scoring low is almost always the right focus for the quarter. §13.1
  • The Focus Selection Protocol is four questions, about fifteen minutes: which domain is under-serving the team, what symptom it causes, the one move you will make in ninety days, and the signal that will show it worked. Aim at the real drag, not at whatever the team is loudest about. §13.2
  • Write the focus on a card and keep it visible, then test whether it is real: ask three people, without warning, what the current leadership focus is. If their answers disagree, the focus is not yet doing any actual work. §13.3
  • When the quarterly cadence stops producing improvement, name which of three stalls you are in: 'plateau under H3' (a weak spot in one of your three modes blocking a domain), 'blocked by the room' (a limit in your environment, not in you), or 'dimension collapse' (long-term over-reliance on one mode). Each needs a different response. §13.5
Chapter 14

Hiring for the Ensemble

Building a team with intentional H3 composition
Hiring is the most consequential design decision a leader makes, and the one most often reduced to "strong portfolio + culture fit." This chapter reframes hiring as ensemble composition: before writing a job description, you profile the team's existing H3 distribution, identify the gap, and specify which H you need most. It also introduces the two future-role profiles (Design Strategist and Experience Engineer) as hiring archetypes, with portfolio signals, interview approaches, and craft tests for each.

Key Takeaways

  • 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. §14.1
  • Teams tend to grow toward the strengths of whoever does the hiring, and Heart is the most consistently under-hired mode because it is the hardest to assess in an interview. The audit's value is catching your own profile repeated across several hires. §14.1
  • Write the role profile before the job description: which mode it leads with, what depth it needs, and three to five must-have capabilities. 'Strong portfolio and culture fit' is not a specification, and it is how teams narrow themselves one reasonable-looking hire at a time. §14.2
  • Judge candidates on the actual work by giving them an unfamiliar problem and watching how they handle it, which tells you more than a polished interview. For a Strategist, look for judgement. For an Engineer, look for craft depth. A live exercise exposes where either is missing. §14.3–14.4
  • Promote people for already operating at the next level, not as a reward for time served. Name the specific capability and scope before the conversation, and review each promotion against the team's overall shape, since defensible individual calls can still skew the whole. §14.5
Chapter 15

Culture and Capability

The bridge between who your designers are and what they can do
HR talks about culture values. Craft reviews evaluate capability dimensions. They are usually treated as separate concerns. They are not. The Values × Capability Bridge maps each culture value (Curious, Passionate, Collaborative, etc.) to the specific capability dimensions it produces, and names three capability dimensions that no culture value reliably grows. Those have to be hired for. The bridge turns "cultural fit" from a vibe into a prediction about what the team can do.

Key Takeaways

  • 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. §15.1
  • The Values-to-Capability bridge has three columns, and teams break it by skipping the middle one: the value, then the behaviour it reliably produces under real work, then the capabilities that behaviour needs. Skip the behaviour and you get values that sound good but change nothing. §15.2
  • Some capabilities can be trained on the job, such as systems thinking. Others can only be hired for, such as strong visual craft. Treating a hire-only gap as something coaching can fix wastes review cycles and usually ends with the person leaving. §15.3
  • Run the bridge as a translation conversation: focus on the gap between the value a person already holds and the capability the role needs. Keep it away from judging whether they are personally 'Curious enough.' §15.4
  • A capable culture does three things at once: name values specifically enough to point at capabilities, hire realistically for what culture cannot grow, and run these as translation conversations. Doing two well while skipping the third produces a predictable failure, such as values that sound good but never reach hiring decisions. §15.5
Chapter 16

The Ensemble

How Model, Structure, and Conduct work together as a living system
The final chapter of the book. It returns to the triangle, Model at the base, Structure in the middle, Conduct at the top, and shows how the three layers reinforce each other in the day-to-day life of a design organisation. It closes with the book's core claim: that design leadership is the highest expression of craft. The conductor who has never played an instrument cannot feel what the musicians need. The design leader who has never deeply modelled or structured cannot deeply conduct.

"A designer first models, building the craft that becomes their voice. Then structures, mapping the path that shapes their growth. Then conducts, running the system that multiplies the work of others. Each stage adds a relationship without replacing the one below. The conductor still hears the instrument. The architect still feels the material."

Key Takeaways

  • 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. §16.1
  • The earlier stages of the career, building breadth, building depth, and choosing at the Branch, are the preparation that makes leadership possible. If leadership feels like switching to a different job, the foundation underneath is not ready yet, and that feeling is accurate. §16.2
  • Leadership also feeds back into your craft: reading work at scale, defending standards in review, and seeing many designers' work all sharpen your own judgement. Leave craft behind entirely at the management branch and you lose half of what leadership could teach you. §16.3
  • AI changes what each of the three layers contains while leaving the structure intact: the balance of modes shifts, the entry rung thins, and each of the five domains takes on its own AI-era pressure. Use Model, Structure, and Conduct as a steady lens for reading your situation, one that holds as the environment changes. §16.4
  • At every level, all three layers are running at once. What the book leaves you with is a sharper question to ask in any situation: which of Hand, Head, and Heart does this situation call for, and are you able to meet it? §16.5

Epilogue & References

Epilogue

The Shape of What You Leave Behind

On legacy, craft, and the design practice that outlasts you
Drawing on the music parallel one final time: a musician's legacy is what their playing leaves behind in the audience. A designer's legacy is what their work leaves behind in the people it served and the practitioners it raised.
Appendices & Practical Tools

Four appendices and seven practical tools. Each tool is embedded in its home chapter and expanded below as the canonical operational reference. The appendices carry the complementary material: the one-page summary, the further reading, the acknowledgements, and the H3 Operations sister document.

Appendices
Appendix A

The H3 Quick Reference

The entire system on one page
A single-page visual summary of H3 Design OS: the triangle (Model · Structure · Conduct), the three H's (Hand · Head · Heart), the four intersections (Purpose · Presence · Precision · Mastery), the six career levels, and the two future-ready role profiles. Designed for printing at A3 or letter. Intended for team onboarding, studio walls, and reference during performance conversations.
Appendix B

Further Reading

An annotated bibliography organised by the three layers
The work that directly shaped H3, organised by layer. For The Model: works on craft, empathy, and the nature of design thinking. For The Structure: works on career architecture, talent development, and the future of design roles in the AI era. For The Conduct: works on design leadership, organisational theory, and the design-business relationship. Each entry includes a two-sentence annotation explaining what it contributed and where that contribution appears in the book.
Appendix C

Acknowledgements

On the shoulders of practitioners
A note of gratitude to the designers, managers, product leads, and engineers whose work and challenges shaped H3 across the working years that produced it. Includes particular acknowledgement of the teams and organisations that served as the proving ground for these ideas, whose questions made the framework sharper and more useful than it would have been in isolation.
Appendix D

H3 Operations, The Unified Product Design & Development Framework

The operational delivery process beneath the Function domain, sister document
H3 defines who the designer is and how they lead. The H3 Operations framework defines the delivery process that runs beneath leadership, the unified six-phase Product Design & Development workflow (Discover · Define · Design · Deliver · Develop · Deploy) with RACI accountability per phase, deliverable artefacts coded to each phase, and integration with biweekly Scrum sprint cadence. It is the operational expression of the Function domain (§12.3) and exists as a sister document because its audience and voice differ from this book: the framework book is written for the practitioner, the operations handbook for the team. See the H3 Operations sister document for the full process specification, RACI matrices, entry/exit criteria, and deliverable templates.

The 7 Practical Tools

Each tool is embedded in its chapter and expanded in the appendices above. This index maps every tool to its chapter, H3 layer, and primary use context.

Tool Dependency Map →which tools are entry points, which are follow-ons, and when each runs

H3, Hand, Head, Heart as Design Operating System

Book Outline · Fares Farhan · f.madebychocaholic.com