Skip to content

Multi-column

Repeating column blocks, each with an image or icon plus a heading and text. Used for feature lists, value propositions, process steps, and three-up content arrangements.

What it does

Renders a grid of columns. Each column carries an image or icon, a heading, and body text. Configurable column count on desktop and mobile, with optional mobile carousel.

Section settings

Documentation in progress. Key settings: columns desktop (1–6), columns mobile (1 or 2), column alignment, enable carousel on mobile, padding, color scheme.

Blocks

  • Column — Image or icon, heading, text, optional link.

Example use cases

  • Process steps — Three columns: "We sketch," "We print," "We pack." Each with a small illustration and a sentence.
  • Value props — Four columns: "Edition-numbered," "Made in Oakland," "Free shipping over $100," "Returns within 30 days."
  • Category cards — Three columns linking to top-level collection pages.

Notes

Three columns is the sweet spot on desktop. Four or more columns work but reduce the per-column reading weight; consider whether the content carries that compression.

SIGNAL/RUNNING