Kitchen Sink
Typography
Heading 1 — Page title
Heading 2 — Section heading
Heading 3 — Subsection heading
Heading 4 — Card or aside heading
Default paragraph — This is the standard body text style used throughout the site. It should be legible at typical reading widths, with appropriate line height and letter spacing for comfortable reading. The quick brown fox jumps over the lazy dog.
Paragraph "To Left" style — A paragraph variant that aligns text to the left, used in contexts where the default text alignment differs from this explicit left-align style.
- Unordered list item one
- Unordered list item two
- Unordered list item three — a longer label to verify text wrapping behaviour at various viewport widths
Core Blocks
Cover — Hero variation (core/cover)
Cover block — hero image with text overlay
A short lead sentence that appears on top of the background image. The theme forces full-width alignment and bottom-left content position by default.
Image (core/image)
Media & Text (core/media-text)
Media & Text heading
The Media & Text block places an image alongside a text column. The theme forces wide alignment by default via block type args override in theme-blocks.php.
Pullquote (core/pullquote)
A pullquote draws attention to a key passage of text. This theme renders it full-width with left-aligned text by default, set via block type args in theme-blocks.php.
Author Name, Source Publication
Table — CV style, default (core/table)
| Column A | Column B | Column C |
|---|---|---|
| 2024 | Senior Developer | Dekode AS |
| 2021–2024 | Developer | Agency Name |
Table — Default style (core/table)
| Column A | Column B |
|---|---|
| Data cell one | Data cell two |
| Data cell three | Data cell four |
Columns (core/columns)
Column one
Content for the first column. Columns lay out parallel content side by side at wider viewports.
Column two
Content for the second column. Each column can hold any block content independently.
Column three
Content for the third column. Three-column layouts are common for feature or benefit lists.
Project Blocks
Lead Paragraph — t2/ingress
Factbox — t2/factbox
Key fact or statistic
The factbox block presents a concise fact, metric, or highlight in a visually distinct container. Often used in rows of two or three side-by-side via the codex/factboxes-row pattern.
Accordion — t2/accordion
Content for the first accordion item. Accordions let users expand and collapse sections, reducing cognitive load on dense pages. Open/close icons are configured in t2.json.
Content for the second accordion item. Each item can hold any block content and uses the heading level set on the parent accordion block.
Content for the third accordion item — this one defaults to open via the defaultOpen attribute. Accordion icons are set to plus/minus in t2.json.
Downloadable Files — t2/files
Link List — t2/link-list
Title Content — t2/title-content
Section title
Title Content places a section title on the left and rich text content on the right, creating a clean two-column editorial layout. The title text is stored as a block attribute, not an inner heading block. Commonly used for section introductions.
Simple Media & Text — t2/simple-media-text (default)
Simple Media & Text heading
Simple Media & Text is a full-bleed block combining an image with text content. The image fills one side and text fills the other. Theme forces full-width alignment by default via block type args.
Simple Media & File Download — t2/simple-media-text variation
Download heading
The "with-file-download" variation places file downloads alongside media and text content.
Simple Media & Form — t2/simple-media-text (with-form variation)
Media & Form heading
The "with-form" variation combines a media image with a heading, text, and a Gravity Forms block. The image uses the person aspect ratio (CSS variable –image-ratio–person) to suit portrait-oriented imagery.
Byline — t2/byline
State Toggle — t2/state-toggle
State Toggle — is-style-inline variant
Logo Showcase — t2/logo-showcase
Wrapper with background colour — t2/wrapper
Wrapper heading
The Wrapper block groups content inside a semantic HTML element and supports background colour via the color extension added in theme-blocks.php. Here using the secondary-10 palette colour.
Featured Content Layout — t2/featured-content-layout
Image Carousel — codex/image-carousel
Our Gallery
Logo Carousel — codex/logo-carousel
Our Partners
Dynamic Cards — codex/dynamic-cards
Dynamic Cards — is-style-three-columns
Dynamic Cards — variation-siblings (Related Content)
Relatert innhold
Static Table of Contents — codex/static-toc
Project Patterns
Page Hero — codex/page-hero
Kitchen Sink
Person Hero — codex/person-hero
Kitchen Sink
Dynamic Cards (Multisite)