BrutalistHigh-contrast bordered about section with oversized typographic headline.
Source code available to entitled users.
Contact
contact
StarterWabbit
A contact section with a heading, your contact details and an optional message form. Phone numbers and emails become tap-to-call and email links. The estimate variant adds a request card beside your hours and service area, and the reserve variant is a booking band that hands off to your booking provider.
EstimateTwo columns: a large response promise, a call button, your hours and service areas on the left, and a request form on the right. On phones it stacks the heading, the form, then the contact details. Add a portrait and a sign-off to use it as a closing section.
Book a visit
Sample times: check live availability when you book
ReserveDark booking band: label, heading and intro, then a no-JavaScript GET form (party, date, time) that hands off to the booking provider, labelled sample-time chips, and an "Or:" row of call and alternative actions. With no provider set, the form hides and the band leads with its actions; contact rows render as a facts row.
Source code available to entitled users.
Team Roster
team-roster
StarterTome
Member roster with portraits, roles, and biographical details
Our Team
The people behind the work
A small, focused team with big impact.
Great work comes from great people.
Jordan PierceCreative DirectorBrand Studio
Morgan HayesLead EngineerPlatform
Riley ChenStrategy LeadGrowth
Centered FormalCentered portrait cards with name and role.
Our Team
Meet the crew
The humans behind the work.
Jordan PierceCreative DirectorBrand Studio
Morgan HayesLead EngineerPlatform
Riley ChenStrategy LeadGrowth
Horizontal CardsHorizontal cards with portrait, callsign, rank, and dates.
Team
Who we are
Jordan PierceCreative DirectorBrand Studio
Morgan HayesLead EngineerPlatform
Minimal ListText-only roster — callsign + role, no portraits.
TEAM ROSTERCore contributors
Our Team
Built by people who ship
Jordan PierceCreative DirectorBrand Studio
Morgan HayesLead EngineerPlatform
Riley ChenStrategy LeadGrowth
DarkDark surface team grid with glowing portrait rings and accent name highlight.
The team
The people you’ll work with
Portraits in this demo are stock photographs standing in for the team’s own.
One person stays with your project from the first call until it ships.
How we staff a project
Illustrative photo, not a team member
Jordan Pierce
Founder
Certified Project Management Professional, 2012.
Rows on the river most mornings.
Illustrative photo, not a team member
Morgan Hayes
Partner
Chartered accountant. Certified mediator.
Ran the family hardware store before this.
Illustrative photo, not a team member
Riley Chen
Senior strategist
MBA, 2014. Retail and leasing.
Reads every contract from both sides.
Illustrative photo, not a team member
Avery Duval
Associate
Joined 2021. Formation and governance.
Keeps the studio’s reminder calendar.
Illustrative photo, not a team member
Sam Hart
Coordinator
Certified coordinator, 2018. Filings and records.
Has never missed a deadline.
PeopleA statement tile, then tall portraits with name, role, a credential line and one personal fact in italic. Optional photo labels and deliberate empty cells that keep the grid rhythm on wide screens.
SourcedA ruled strip of figures: the headline in a label cell, then each figure led by the record it cites (number and link), the numeral and its caption. Clear each stat's suffix and turn on "Require a source" so a figure with no filed source does not show.
Source code available to entitled users.
Stat Bar
stat-bar
StarterWabbit
Animated percentage bar chart with configurable color scheme
By the numbers
Agency performance metrics since 2019.
Client Satisfaction98%
On-Time Delivery94%
Repeat Clients87%
Project Success Rate99%
Performance metrics
Measured across 340 delivered projects.
Client Satisfaction98%
On-Time Delivery94%
Repeat Clients87%
Project Success Rate99%
DarkDark background bar chart with glowing accent bars.
Client Satisfaction98%
On-Time Delivery94%
Repeat Clients87%
MinimalThin hairline bars with muted typography — editorial data display.
How we stack up
Client Satisfaction98%
On-Time Delivery94%
Repeat Clients87%
Project Success Rate99%
PlayfulRounded pill bars with color-per-bar fills and bouncy animation.
Source code available to entitled users.
Split View
split-view
StarterTome
Multi-column layout with text, media, or form blocks per column
Agency studio, downtown New York
Agency studio, downtown New York
EditorialUneven columns that line up with the editorial page grid.
Agency studio, downtown New York
DarkDark surface split layout with accent divider.
Agency studio, downtown New York
MinimalBorderless two-column split with hairline separator — editorial grid aware.
Source code available to entitled users.
Media
media
StarterTome
Image or video embed with optional caption and layout controls
Caption for this media.
A full-bleed editorial image with marginalia caption.
EditorialFull-bleed or wide breakout image with marginalia caption — editorial grid aware.
Dark surface media card with duotone treatment.
DarkDark surface media card with duotone treatment.
Inline image caption.
MinimalFrameless inline media with a single-line caption — no card surface.
Source code available to entitled users.
Form Block
form
StarterTome
A section that holds one of your forms, with an optional intro above it, or a dark closing signup band.
MinimalBorderless inline form — no card surface, tighter spacing.
DarkDark surface form with accent-colored submit button.
PlayfulA rounded card with soft shadows and pastel fields.
Edition 15 · cups and serving bowls
Edition 15 comes out of the kiln on 24 October.
Leave your email and we will send one message the morning it goes on the shelf.