← All work

Case 06 / 06

Vest drop

A product drop page for a performance vest, designed and built in Squarespace in the Klinkr Studio style: one oversized headline, one product, one date.

Client
Concept
Role
Design & build in Squarespace
Tools
Squarespace, Visual design, Typography
Focus
Web Design · E-commerce · Typography · Art Direction
Vest drop

Anatomy of a drop

Hover or tap a number to see why it is there.

Vest drop · hero
The vest drop hero: an oversized blue serif headline, a purple vest breaking through the type, product thumbnails and a date ticker

01 / 06

Studio logo

The hand-drawn Klinkr Studio logo sits in the navigation, so the drop is clearly part of the brand.

[ A ]Challenge

A drop lives on anticipation. The page has one job: make people want the vest before it is even for sale, and get them to sign up so they don't miss the launch.

[ B ]Process

  1. 01

    Headline first

    An oversized, condensed serif turns the shop into a magazine cover. The vest cut-out breaks through the last line of type.

  2. 02

    A date that keeps moving

    Instead of a countdown timer, a looping ticker repeats the drop date across the screen: 6/15 @ 10AM PST.

  3. 03

    One product, three angles

    A vertical strip of product views lets visitors study the vest without leaving the hero.

  4. 04

    Join the crew

    A newsletter signup on a dark, textured image offers VIP access to upcoming launches.

  5. 05

    Two colours

    Klinkr blue on light grey, with the studio's hand-drawn logo in the navigation, so the drop feels part of the brand.

[ C ]Technology

SquarespaceVisual designTypography

[ D ]Solution

A drop page that reads like a magazine cover: big type, a product that breaks the grid, a date that keeps moving and one clear way to sign up.

Vest drop · product
The product, with the drop date ticker
Vest drop · join the crew
Join the crew: newsletter signup and brand story
Next project →Web & Digital Design