Skip to content

Style Guide

Every default block from the post inserter, plus the Theme blocks used by full-site editing. Styles come from the Norio theme.

Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph with bold, italic, a link, inline code, highlight, Ctrl, sub and sup.

  • Unordered item
    • Nested item
  • Second item
  1. First
  2. Second

Quote – the block styled in theme.json.

Citation
const theme = "norio";
Details summary

Hidden details content.

E=mc2E = mc^2
Preformatted
	keeps spacing

Pullquote

Citation
Column AColumn B
CellCell
CellCell
Table caption
Poetry line one
Poetry line two

Classic block. This is legacy HTML, not a native block.

Media

Portrait
Portrait
Image right
Image left
Wide image

Cover

portrait-6.webpDownload
Image left

Media & Text

Design

Fill
Outline
Norio Outline
Norio Minimal

Column one

Column two

Column three

Group, constrained

Row

Row

Row

Stack

Stack

Stack

Grid

Grid cell

Grid cell

Grid cell

Grid cell

First panel.

Second panel.

Widgets

Archives

Calendar

October 2026
M T W T F S S
 1234
567891011
12131415161718
19202122232425
262728293031  

Categories List

Terms List

Custom HTML

Custom HTML block

Latest Comments

No comments to show.

Latest Posts

Page List

RSS

Search

Shortcode

Social Icons

Tag Cloud

guidelines narrative positioning

Theme

These blocks normally live in templates. They are included here so the front-end style guide covers full-site editing, not only post content.

norio

Log in

Current page

Style Guide

Every default block from the post inserter, plus the Theme blocks used by full-site editing. Styles come from the Norio theme. Text Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Paragraph with bold, italic, a link, inline code, highlight, Ctrl, sub and sup. Quote – the block styled in theme.json. Preformatted…

1–2 minutes
0

Query Loop

11 results found

  • Brand Strategy

    (5)

  • Creative direction

    (6)

  • Digital Experience

    (5)

  • Product design

    (6)

  • Strategy

    (6)

  • Studio notes

    (5)

Comments

More and Page Break

These two blocks sit at the end so they do not split the style guide. On a post, More truncates archive excerpts and Page Break splits the post into multiple pages.

Pages: 1 2