Editorial Pack
Add-onEditorial layout: spreads, sections, data hero, compare columns, metric strips, panels.
Compare Columns
compareColumnsTwo labeled side-by-side columns for "A vs B" comparisons; the positive column receives an accent treatment.
Traditional Agency
- Fixed project scope with expensive change orders
- Handoff culture — design throws over the wall to dev
- Months of discovery before a pixel is produced
- Single platform dependency baked into every contract
- Retainer ends, institutional knowledge walks out the door
Wabbit Editorial Studio
- Modular platform — scope expands cleanly as needs grow
- One team owns strategy, design, and engineering end-to-end
- Shipped drafts in days, not months
- Open-standard stack you own outright
- Living relationship — the system improves each sprint
Data Hero
data-heroHero section with overlay metadata fields and data display
Editorial Section
editorialSectionBanded section with a reading column and NO metadata rail -- the lighter sibling of Editorial Spread, for prose that does not need marginalia.
Editorial Spread
editorialSpreadFull-bleed banded section with a narrow metadata rail (left or right) beside a main content column. Sequence these with alternating appearance to produce the editorial F-system rhythm.
How a 20,000-member gaming org rebuilt its content infrastructure on an open platform without losing a single piece of community-generated lore.
- 20K
- Members
- 4 wks
- Migration
- 0
- Downtime
The systematic approach that turned a fragmented content archive into a structured editorial platform.
- 6 wks
- Timeline
- 340
- Pages migrated
Running head — displays above the full-width main column.
Structural context in the left rail; footnotes and asides in the right.
- 12
- Sources cited
Feature
featureVersatile feature showcase with USP cards, images, metrics, and multiple layout variants.
Tome gives editorial teams a content platform with the structure of a design system and the flexibility of a component library — without the migration tax.
Payload block configs enforce shape at authoring time, so every page is predictable before it reaches the renderer.
Color, type, and spacing live in CSS custom properties. Switching themes is a config swap, not a find-and-replace.
Tome targets Next.js App Router by default and exports clean ESM. Any host that runs Node 20 can run a Tome site.
Getting started with Tome takes three steps — and each one is designed to stay out of your way.
Choose the Tome layers your project needs. Core, blocks, org, LMS — install only what you ship.
Every block exposes a typed Payload field config. Rename slugs, set defaults, and wire theme tokens in one place.
Deploy to any Next.js host. Changesets track versions per package so consumer sites upgrade on their own schedule.
Info Panel
info-panelProse content with key-facts sidebar panel and optional sticky behavior
Founded in 2022, Wabbit has shipped editorial platforms for media brands, training academies, and B2B product teams — all on the same Tome substrate.
Wabbit is a small-team agency building editorial platforms on Tome — a structured content system designed for teams that publish at pace without sacrificing craft.
Message Panel
message-panelStyled message callout with priority level, source attribution, and timestamp
Metric Strip
metric-stripHorizontal metrics display with labeled values, deltas, and optional summary prose
Learner engagement and retention both trended upward in Q2. The 1.8 % monthly churn rate represents a new low since the Tome-powered academy launched.
All systems operating within normal parameters. No incidents recorded in the trailing 12-month window.
Split Panel
split-panelSplit layout with image, body text, and optional data sidebar
A media publisher needed to triple their content output without tripling their headcount. Tome's block system gave their editors the autonomy to do it without touching code.
Project Snapshot
- INDUSTRY
- Media & Publishing
- PLATFORM
- Tome + Next.js
- DELIVERY
- 4 Weeks
- RESULT
- 3× Content Velocity
Six weeks, zero scope creep, and a platform handed off with full Payload admin access. Here is how the Vanguard Systems engagement ran from brief to launch.
Operation Details
- CLIENT
- Vanguard Systems
- TIMELINE
- 6 Weeks
- OUTCOME
- Launched on Schedule
Status Board
status-boardCard grid with status indicators, categories, and optional image thumbnails
Text Reveal
text-revealScroll-triggered word-by-word text reveal animation with configurable max width.
We believe the best editorial experiences are built from the ground up — not patched together from a dozen disconnected services. Tome is the platform we wish had existed when we started.
Every platform we build is an argument. An argument that structured content and beautiful design are not at odds. That speed and craft can coexist. That the tools you use shape the work you make.