Design system · Fall 2026

The world of Coach,as a system.

Everything Coach’s digital pages are made of: the brand’s type, colour and voice, the components and blocks that build a page, and the prototypes that put them to work, project by project. First up, Coach Stories.

Typefaces
3
Cuts
11
Colours
8
Prototypes
4
Two women with their bags on a park path in winter
A runway look: a silver jacket and a tan barrel bag
A model carrying a brown suede Tabby bag
Pink, green and black embossed Swinger bags
Charles Melton walking a cobbled New York street

Four ways in

Read the guidelines for the why, the components and blocks for the what, the prototypes for how it feels.

  1. Close-up of a navy leather bag: the stitching and a brass hangtag

    01

    Guidelines

    Brand, voice, logo, type, colour, layout, imagery, icons and motion: the rules the hub is built on.

  2. Three brown suede bags on a beige backdrop

    02

    Components

    The parts: the store tabs, buttons, links and fields, and the story cards and category rail Coach Stories adds. Live, with their props.

  3. A collage of a bag, chains and a cherry charm on coloured paper

    03

    Blocks

    The sections those parts make: the storefront header and footer, and the hero, story grid and bands of Coach Stories. At desktop and mobile widths.

  4. A woman in a leather jacket with earbuds and a quilted bag on city stairs

    04

    Prototypes

    Project by project. Coach Stories first: the hub as drawn, and three more ways to tell it.

Project 01 · Coach Stories

Explore the world of Coach

One place for the stories Coach tells, sitting inside coach.com and wearing its clothes: the same store tabs, header and footer, the same Helvetica and Garamond, the same restraint. The design came in two frames, built here as drawn and responsive. Three more prototypes answer the same brief in different ways, so the conversation can be about which, not whether.

See all prototypes