Blocks/Agency-essentials
Agency Essentials
StarterThe agency site kit: about, contact, team roster, gallery, timeline, stats, split view, media, form.
About
aboutStarterLegacy
About section with headline, multi-column rich text, images, logos, counters, and optional CTA link.
12+Years in businessServing clients since 2012
340Projects deliveredAcross 18 industries
98%Client retentionMeasured over 5 years
CenteredCentred headline with single body column — ABOUT4 layout.
12+Years in businessServing clients since 2012
340Projects deliveredAcross 18 industries
98%Client retentionMeasured over 5 years
DarkDark surface about section with accent counter strip.
12+Years in businessServing clients since 2012
340Projects deliveredAcross 18 industries
BrutalistHigh-contrast bordered about section with oversized typographic headline.
Source code available to entitled users.
Contact
contactStarterWabbit
Contact section with heading, contact info, and optional message form
- hello@agency.example.com
- Phone
- +1 (555) 010-2030
- Address
- 123 Main Street, Suite 400, New York, NY 10001
- hello@agency.example.com
- Phone
- +1 (555) 010-2030
- Address
- 123 Main Street, Suite 400, New York, NY 10001
Send us a message and we'll be in touch within one business day.
SplitContact info left, form right — two-column layout.
- hello@agency.example.com
- Phone
- +1 (555) 010-2030
MinimalInline contact links with no card surface — editorial style.
- hello@agency.example.com
- Phone
- +1 (555) 010-2030
- Address
- 123 Main Street, Suite 400, New York, NY 10001
Start a conversation.
DarkDark surface contact section with accent divider and glowing input focus.
Source code available to entitled users.
Team Roster
team-rosterStarterLegacy
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 — TRIBUTE1 layout.
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 — TRIBUTE2 layout.
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.
Source code available to entitled users.
Gallery
galleryStarterLegacy
Image gallery with multiple layout variants
Our work
Selected work
EditorialFull-bleed image grid with marginalia captions — editorial 14-track grid aware.
Project archive
DarkDark surface gallery with accent hover states.
MinimalTight grid with no captions — pure image mosaic, hairline gaps.
Source code available to entitled users.
Timeline
timelineStarterLegacy
Chronological timeline with dated entries
Our story so far
Founded
First enterprise client
Expanded to 3 continents
Launched Tome platform
Our journey
Founded
First enterprise client
Expanded to 3 continents
EditorialMinimal hairline timeline — large typographic dates, no icon markers.
Milestones
Founded
First enterprise client
Expanded to 3 continents
Launched Tome platform
DarkDark background timeline with glowing connector line.
Timeline
Founded
First enterprise client
Expanded to 3 continents
Launched Tome platform
BrutalistBold left-bordered timeline with oversized monospaced dates.
Source code available to entitled users.
Stats
statStarterTome
Counter stats with optional headline and color scheme
340+Projects delivered
98%Client retention
12+Years in business
4.9/5Average rating
340+Projects delivered
98%Client retention
12+Years in business
4.9/5Average rating
DarkInverted dark-background stat strip with accent-colored numbers.
340+Projects delivered
98%Client retention
12+Years in business
MinimalBorderless stats with large numbers — no card surfaces.
340+Projects delivered
98%Client retention
12+Years in business
4.9/5Average rating
PlayfulBrightly colored stat cards with icon slot and soft drop shadow.
Source code available to entitled users.
Stat Bar
stat-barStarterWabbit
Animated percentage bar chart with configurable color scheme
By the numbers
Agency performance metrics since 2019.
Performance metrics
Measured across 340 delivered projects.
DarkDark background bar chart with glowing accent bars.
MinimalThin hairline bars with muted typography — editorial data display.
How we stack up
PlayfulRounded pill bars with color-per-bar fills and bouncy animation.
Source code available to entitled users.
Split View
split-viewStarterLegacy
Multi-column layout with text, media, or form blocks per column
EditorialAsymmetric columns with subgrid participation for the 14-track editorial grid.
DarkDark surface split layout with accent divider.
MinimalBorderless two-column split with hairline separator — editorial grid aware.
Source code available to entitled users.
Media
mediaStarterTome
Image or video embed with optional caption and layout controls
EditorialFull-bleed or wide breakout image with marginalia caption — editorial grid aware.
DarkDark surface media card with duotone treatment.
MinimalFrameless inline media with a single-line caption — no card surface.
Source code available to entitled users.
Form Block
formStarterTome
Embeds a Payload form with optional intro content
MinimalBorderless inline form — no card surface, tighter spacing.
DarkDark surface form with accent-colored submit button.
PlayfulRounded card form with soft shadows and pastel accent fields.
Source code available to entitled users.