Seeded reference page: one example of each layout block available on pages (see Pages → Content in the admin).
Below, each section demonstrates a single block type. Edit this page in the admin to inspect field structure.
BLOCK
CALL TOACTION
Right column body copy for the Call to Action block.
Content block — column A (half width).
Content block — column B (half width).
Photo by Andrew Kliatskyi on Unsplash.
Archive block: posts from the collection (limit 3 for the demo).
Money isn't just currency; it's a language. Dive deep into its nuances, where strategy meets intuition in the vast sea of finance.
Explore the untold and overlooked. A magnified view into the corners of the world, where every story deserves its spotlight.
Dive into the marvels of modern innovation, where the only constant is change. A journey where pixels and data converge to craft the future.
Form block with intro enabled.
Slide one
Short description
Slide two
Second slide
TRUSTED BY
Logos block
METRICS
NUMBERS BLOCK
LAYOUT BLOCKS ON THIS PAGE
SEEDED DEMO DATA
PROCESS
PROCESS BLOCK
Discover
Optional step description text.
Build
Second step in the process list.
TABS BLOCK
HEADING + TABS
Content for tab A.
Column one
Subtitle
Rich text in the first column item.
Column two
Subtitle
Rich text in the second column item.
Card A
Card description
Card body rich text.
Card B
Second card without image.
Single testimonial mode: quote, author, role, and company fields.
Demo Author
Product, Example Co.
Feature one
Feature description with optional icon.
Feature two
Second feature in a simple grid layout.
THEHIGHLIGHTS
Page
Style guide
Purpose
Block QA
Highlight card
Short supporting copy on the highlight card.
With image
Optional background image on a highlight card.
Quote block: pull quote with optional author metadata.
Kickoff
Timeline description for the first milestone.
Ship
Second milestone on the timeline.
YouTube embed (demo ID)
Banner block — informational style variant.
1export const styleguideSlug = 'styleguide'2