Endless flexibility.
Effortless structure.

We just gave our Grid section a serious glow-up, unlocking a whole new world of layout possibilities in Shorthand.

Endless flexibility.
Effortless structure.

We just gave our Grid section a serious glow-up, unlocking a whole new world of layout possibilities in Shorthand.

The Grid section is more powerful than ever with intuitive controls to customise every detail: cards, layout, spacing, corners, borders, imagery, and more.

Whether your style is clean and minimalist or bold and visual, the new grids flex to fit your story. Think:

  • Editorial-style catalogues
  • Curated headshot galleries
  • Dynamic content hubs
  • Sleek product value cards
  • Scroll-stopping menu designs

… the list goes on. See just a fraction of what's possible by diving into some stunning visual examples below.

Or skip to the bottom to get started with a quick tutorial.

Unknown Layer Kind: grid-layer

Unknown Layer Kind: grid-layer

Unknown Layer Kind: grid-layer

Unknown Layer Kind: grid-layer

Unknown Layer Kind: grid-layer

Unknown Layer Kind: grid-layer

Unknown Layer Kind: grid-layer

Unknown Layer Kind: grid-layer

Unknown Layer Kind: grid-layer

Unknown Layer Kind: grid-layer

Make these layouts yours

The best part? Every example above is ready to go in section templates. Open your section picker, head to Grids, choose a layout you love, and make it your own.

Explore fresh grids examples from your section templates.

Explore fresh grids examples from your section templates.

Build new grids now

Ready to start straight away? Watch this tutorial to learn the essentials and start building powerful new layouts.