Hale Mercantile swatch order grid

More like this
Hale Mercantile swatch order grid, light-mode, minimal, light

Preview image. Unlock full-res

Four-column fabric swatch catalog with serif intro, sort control, texture close-up images, and ADD TO CART text links.

Summary

Swatch ordering grid showing twelve linen samples in a 4-column layout with centered serif copy and minimal text-based cart actions.

Visual description

Warm off-white page with top nav showing SWATCH (30), centered ORDER SWATCHES heading, and VIEW ALL link. Centered serif paragraph on exploring texture and tone. SORT SWATCHES BY + control above a 4x3 grid of square fabric close-ups in oatmeal, charcoal stripe, slate, camel, mustard, brown, and terracotta tones. Each tile has serif swatch name left, ADD TO CART caps link right, and some include gray SELECT PRODUCTS sub-link.

Key takeaway

Macro texture photography as the entire product tile with no borders or prices on-grid. Text-link ADD TO CART keeps the catalog feeling like a lookbook.

Reuse notes

Perfect for material-led ecommerce. Requires consistent swatch photography; uneven crops will break the grid.

More product showcase sections

See all

More like this

Keep what you find

A free account saves references to boards and can send you a weekly email of picks based on what you save.

To see every result, go Pro.