The story outlives the stock.
Intro
A Kith release is two things at once: the story of a collaboration, and a product that can be gone the morning it drops. Most sites split them into a blog post and a product page, and the story becomes a link nobody follows.
For Kith’s microsite around the NYC Nike × Kith pop-up, I designed The Corner and its release pages as one product. The Corner is the weekly front door, every story opens into its own post, and the release post changes with the clock: it announces the date, sells your size in one tap when the drop opens, and keeps the story up once both pairs are gone.
Role / Scope
Every story opens where you found it.
Kith tells a drop as a week of posts: the lookbook, the stories behind the collection, then the release. The Corner keeps that week on one screen, and opening a story expands it while the others stay in reach as spines. Each story then opens into a post that starts the same way: the open card becomes the post’s hero, with its neighbors still beside it.
The six stories and the release post share one grid and three typefaces, then take the shape their shoot needs: numbered looks, a pull quote over full-bleed landscapes, or grids of looks and details.
The Lookbook on the phone: one screen per look, and Look 03 keeps its red band.
Every post gets one color card, its color taken from its own shoot. The card is the same in every post; only the color, the photograph and the numeral change.
The headline keeps time.
On drop day the page answers one question: can I buy it now? So the largest type answers it, and the panel’s color does too. The same headline reads AVAILABLE 2/28, 11AM ET on paper before the drop, AVAILABLE NOW on studio red when it opens, and SOLD OUT on ink when both pairs are gone. Kith’s own posts carry the release state in a line of small type. Here you can read it across the room.
Sizes open before the drop. Pick yours and the button waits, reading OPENS AT 11AM · US 10. At 11AM it becomes ADD TO BAG · US 10, so the drop itself is one tap. Anyone who isn’t ready can ask for one text at 10:55, for their size.
Tradeoff: picking a size early doesn’t hold a pair. It takes the size decision out of the rush, and the shoe still goes to whoever checks out first.
Two pairs, one page.
The Black and the Phantom dropped together and share one story, so they share one post. The pair switch sits above the sizes. It changes the photograph, the colorway and the style code without moving the page, and the size you picked comes with you.
After the tap, the bag says plainly that it isn’t a hold, and offers the other pair in the same size.
Sold out is a page, not an error.
Kith’s own post for this release still says the online release “will be on February 28th”, and its SHOP NOW opens a page of other Nike sneakers. Here the post keeps the story, the button turns to the next drop, and your size can still ask for a restock alert. The product page does the same and points back to The Corner.
Same drop, one hand.
On the phone the drop lives in a dock at the bottom of the screen, in reach of a thumb.
In motion · the drop
The pair and the size open in a sheet. Then the dock settles into the card: paper with the clock, studio red at 11AM, ink when both pairs are gone.
Live, then sold out, with the next drop in the dock.
The system
Release information hierarchy.
The craft is in the states.
A release page is a sequence of states, not a single screen. The work was carrying the art direction through all of them, so the date, the drop, the bag and the sellout all look like Kith, and the story is still there when the stock isn’t.
Three numbers would show whether it works: how many people pick a size before 11AM, how many check out in the first minute, and how many still read the story after both pairs are gone.
