AtelierMaterials Section · Design Exploration

Homepage “Materials” — three directions

Same content, three distinct layouts. Scroll to compare, then pick the direction to take live. Jump to any option:

Option 1

Compact 3-up row

A tight editorial band — heading and intro on one line, then a single horizontal row of three small cards (thumbnail, title, one-line description, arrow). Low height, clean rhythm.
§05Materials

Specify from the source.

A curated library of specification-grade finishes, woods, metals, and textiles — palette, samples, and bulk, all from one place.

Explore Materials
Option 2

Inline strip

A very thin full-width band — heading and intro on the left, the three offerings as a horizontal inline list on the right with small square thumbnails, label, and micro-copy. Streamlined, premium, dark canvas.
Option 3

Condensed selector

The interactive selector, shrunk — a compact feature thumbnail beside a tight list of the three offerings (hover or click). Same idea, a fraction of the height.
§05Materials

Specify from the source.

Material palette — woods, stone, metal, textiles
01 / Palette
Build a palette
Atelier material sample box
02 / Samples
Order samples
Atelier materials warehouse — bulk fulfillment
03 / Bulk
Order in bulk
Explore Materials
Atelier · Materials section — design exploration · not the live site