Skip to content
Start for $0
← Sections & blocks

Content

Wordsstructurecalls to action

25 types

Heading

Block

Section title, H1–H4

Shown in the page

A section heading

H2 · left aligned

Rich text

Block

Markdown prose paragraph block

Shown in the page

Write freely here. This block accepts “rich text” and simple Markdown — the workhorse of most pages.

Quote

Block

Pull quote with attribution

Shown in the page

The details are not the details. They make the design.

— Charles Eames

Code

Block

Monospace snippet with filename bar

Shown in the page
example.ts
function own(your: Site) {
  return your.content.freeze();
}

Callout

Block

Tinted note — info, tip, warning, danger

Shown in the page

Good to know

Callouts pull the eye to something worth remembering.

List

Block

Bullet, numbered or check list

Shown in the page
Site up in a day
Own the content
No monthly lock-in

Buttons

Block

Call-to-action link row

Shown in the page

Statement

Block

A large statement or manifesto line

Shown in the page
Portrait
Tan HoProduct designer & front-end developerBased in Toronto
12Years
40+Works

Open with a confident first line that sets the tone.

Add supporting detail, process, or point of view in a second paragraph.

Focus areas

Topic oneTopic twoTopic three

Testimonials

Block

Customer quotes & reviews — grid, carousel, or single

Shown in the page
“They shipped in half the time and it still feels custom.”
Dana Okafor · Founder, Field Notes
“The clearest design process I have worked inside of.”
Marco Reyes · PM, Northwind
“Every revision made the product simpler, never more complex.”
Priya Anand · Head of Product, Northwind Co.

FAQ

Block

Q&A list with SEO structured data

Shown in the page

A few each quarter — reach out and say hello.

Also in this category

These ship in the builder and are not drawn here. The list comes from the same manifest the builder reads, so it cannot fall behind the product.

  • Saved block

    Block

    A reusable saved block — edit once, updates everywhere
  • Definition list

    Block

    Label and value pairs in a grid
  • Table of contents

    Block

    Auto-generated from the page's headings
  • Breadcrumbs

    Block

    Trail from the page's parent hierarchy
  • Reading progress

    Block

    Scroll-progress bar for long pages
  • Jump to top

    Block

    Back-to-top button for long pages
  • Stepper

    Block

    Numbered steps — horizontal or vertical
  • Toggle

    Block

    Two-option segmented control — pricing, plans
  • Rating

    Block

    Static star rating — reviews, scores
  • Alert

    Block

    Status banner — info, success, warning, error
  • Badge

    Block

    Small inline label or tag pill
  • Icon

    Block

    A standalone icon or emoji glyph
  • Flip card

    Block

    Card that flips to reveal a back face
  • Tabs

    Block

    Switch between panels of content
  • Tooltip

    Block

    Hover or focus hint on a word