Contact
Block group

Text & cards

The workhorse blocks for written content and grids. Each block below explains itself.

Rich text

This is the Rich text block. It renders Markdown: headings, bold, italics, links, and lists —

  • first point
  • second point
  • third point

Use it for any free-form prose. It has a width option (narrow reading column or full) and can sit on any surface.

Text + image

The Text + image block puts prose beside a picture. A boolean flips the image to the left. Great for alternating "feature rows" down a page.

Placeholder

Text + image (flipped)

The same block with "Image on left" turned on, and a tinted surface behind it.

Placeholder

The Text + quote block pairs a paragraph of body text with a pulled-out quote. Use it when a statement deserves emphasis next to its context.

A fixed catalog of blocks is a feature, not a limitation.
The stomme philosophy
Highlighted quote
And this is the Callout block — a single, large, highlighted statement on its own band.
Cards & lists

Feature cards

Icon, title, text

Each card takes an icon, a title and a line of text — and can link.

Responsive grid

Cards reflow from three columns down to one on small screens.

Themed

Borders, icons and accents all come from your tokens.

Feature cards (numbered)

01

First

Flip "numbered" on and the icons become 01 / 02 / 03.

02

Second

Good for an ordered set of points.

03

Third

Same block, different emphasis.

Cards & lists

Principles

01

Compose

Pages are built from blocks, never laid out in code.

02

Theme

Tokens drive colour and type across every block.

03

Edit

Content lives in a CMS, safe from the design.

Cards & lists

Specialist grid

Profile cards

A grid for people or specialists — title and a short bio.

Same data shape

It reuses the standard card list, so it's quick to fill.

Themed avatars

Initials and accents follow your tokens.

Cards & lists

Process / steps

  1. 1

    Pick blocks

    Choose the sections your page needs.

  2. 2

    Fill fields

    Add headings, text, images and links.

  3. 3

    Ship

    Build and deploy — the engine handles the rest.

Cards & lists

Checklist