Components

The Coach wordmark, drawn in currentColor so it takes the colour of wherever it sits. Size it by height.

The Coach and Coach Outlet tabs in the charcoal bar above the header. The current store is the white tab that joins the page.

Square, uppercase, tracked. Solid for the one action a view asks for, outline for everything after it.

The underlined action under a story: Continue reading, Learn more. The underline fades on hover rather than appearing.

A bare icon in the header: search, wishlist, account, bag. A 40px target around a 20px glyph, with an optional count set inside the bag.

The header search: one ink underline, no box, the placeholder in Garamond and the glyph at the end.

One field and a solid button that share an edge, with the legal line under it in Garamond. Confirms in place.

Country and stores, top left of the desktop header.

The five networks, monochrome, 16px, in the footer. Brand marks come from Simple Icons.

Coach and a partner side by side with a thin multiplication sign, set on photography for a partnership.

The story filter: a quiet vertical list in the desktop rail, a scrolling row of tabs on mobile. The active one goes from stone to ink.

A story filter in coach.com's pill shape: category chips that fill ink when on, or a pill that opens a menu of values. The one rounded shape in the hub, so a filter never reads as a call to action.

The small caps label above a story title: its category, never a sentence.

A cropped photograph in one of three ratios. Inside a group it eases in by 3% on hover, slowly, the way a print is brought closer.

Guides

How to Style Bags with Chain Accents

The unit of the hub. Image first, then category, title and a three-line excerpt. The whole card is one link; a text card also carries its CTA.