Counterprint

How it’s built

Layout

Lime announcement strip and white navigation sit above two equal large adjacent photographs of colorful books, with small white labels near the images’ lower corners.

Type

Black serif centered identity, small regular black sans navigation and white image labels.

Color and surface

Lime, white, black and vivid orange and lavender images.

Components

Announcement strip, white header and paired large image panels.

What makes it work

• Lime announcement strip
• white header
• two adjacent large colorful image panels
• small white lower labels

Measured

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today

Counterprint uses a white catalog layout with a black dotted mark at upper left and compact menu, search and basket icons at upper right. Two large adjacent campaign photographs introduce All Books and Counterprint Books, followed by an All Books heading, a View all pill and a six-column desktop product grid. The desktop scroll sample shows the dense continuation of book covers with compact title and GBP price text.

Responsive

At 1440×1000 the two campaign images sit side by side above the six-column catalog. Tablet and phone reflow the campaign imagery and product cards into narrower layouts; the header remains a compact logo-and-icons row. Measured document heights are 6742px desktop, 15780px tablet and 9579px phone. These captures show sampled widths only and do not establish all breakpoint rules or the complete catalog behavior.

Scroll

At actual desktop scrollY=750 in a 1440×6742 document, the viewport is filled by the continuing six-column book catalog with cover imagery, titles and GBP prices. This is one position sample; the menu, search, basket and View all control were not activated.