Blocks GalleryAgency Essentials

Agency Essentials

General-purpose agency building blocks: about sections, contact blocks, team rosters, galleries, timelines, stat counters, split views, media embeds, and form blocks.

10 blocks · 40 variants

About

about

About section with headline, multi-column rich text, images, logos, counters, and optional CTA link.

Default

Two-column rich text with images, logos, counters, and optional CTA.

default

⚠ No demo props registered for about/default.

Centered

Centred headline with single body column — ABOUT4 layout.

centered

⚠ No demo props registered for about/centered.

Dark

Dark surface about section with accent counter strip.

dark

⚠ No demo props registered for about/dark.

Brutalist

High-contrast bordered about section with oversized typographic headline.

brutalist

⚠ No demo props registered for about/brutalist.

Contact

contact

Contact section with heading, contact info, and optional message form

Default

Contact info rows with optional embedded form below.

default

⚠ No demo props registered for contact/default.

Split

Contact info left, form right — two-column layout.

split

⚠ No demo props registered for contact/split.

Minimal

Inline contact links with no card surface — editorial style.

minimal

⚠ No demo props registered for contact/minimal.

Dark

Dark surface contact section with accent divider and glowing input focus.

dark

⚠ No demo props registered for contact/dark.

Team Roster

team-roster

Member roster with portraits, roles, and biographical details

Centered Formal

Centered portrait cards with name and role — TRIBUTE1 layout.

default

⚠ No demo props registered for team-roster/default.

Horizontal Cards

Horizontal cards with portrait, callsign, rank, and dates — TRIBUTE2 layout.

horizontal

⚠ No demo props registered for team-roster/horizontal.

Minimal List

Text-only roster — callsign + role, no portraits.

minimal

⚠ No demo props registered for team-roster/minimal.

Dark

Dark surface team grid with glowing portrait rings and accent name highlight.

dark

⚠ No demo props registered for team-roster/dark.

Timeline

timeline

Chronological timeline with dated entries

Default

Vertical chronological timeline with dated entries.

default

⚠ No demo props registered for timeline/default.

Editorial

Minimal hairline timeline — large typographic dates, no icon markers.

editorial

⚠ No demo props registered for timeline/editorial.

Dark

Dark background timeline with glowing connector line.

dark

⚠ No demo props registered for timeline/dark.

Brutalist

Bold left-bordered timeline with oversized monospaced dates.

brutalist

⚠ No demo props registered for timeline/brutalist.

Stats

stat

Counter stats with optional headline and color scheme

Default

Counter stats in a horizontal row with animated number reveal.

default

⚠ No demo props registered for stat/default.

Dark

Inverted dark-background stat strip with accent-colored numbers.

dark

⚠ No demo props registered for stat/dark.

Minimal

Borderless stats with large numbers — no card surfaces.

minimal

⚠ No demo props registered for stat/minimal.

Playful

Brightly colored stat cards with icon slot and soft drop shadow.

playful

⚠ No demo props registered for stat/playful.

Stat Bar

stat-bar

Animated percentage bar chart with configurable color scheme

Default

Animated percentage bars with configurable color scheme.

default

⚠ No demo props registered for stat-bar/default.

Dark

Dark background bar chart with glowing accent bars.

dark

⚠ No demo props registered for stat-bar/dark.

Minimal

Thin hairline bars with muted typography — editorial data display.

minimal

⚠ No demo props registered for stat-bar/minimal.

Playful

Rounded pill bars with color-per-bar fills and bouncy animation.

playful

⚠ No demo props registered for stat-bar/playful.

Split View

split-view

Multi-column layout with text, media, or form blocks per column

Default

Multi-column layout — text, media, or form blocks per column.

default

⚠ No demo props registered for split-view/default.

Editorial

Asymmetric columns with subgrid participation for the 14-track editorial grid.

editorial

⚠ No demo props registered for split-view/editorial.

Dark

Dark surface split layout with accent divider.

dark

⚠ No demo props registered for split-view/dark.

Minimal

Borderless two-column split with hairline separator — editorial grid aware.

minimal

⚠ No demo props registered for split-view/minimal.

Media

media

Image or video embed with optional caption and layout controls

Default

Image or video embed with caption and layout controls.

default

⚠ No demo props registered for media/default.

Editorial

Full-bleed or wide breakout image with marginalia caption — editorial grid aware.

editorial

⚠ No demo props registered for media/editorial.

Dark

Dark surface media card with duotone treatment.

dark

⚠ No demo props registered for media/dark.

Minimal

Frameless inline media with a single-line caption — no card surface.

minimal

⚠ No demo props registered for media/minimal.

Form Block

form

Embeds a Payload form with optional intro content

Default

Standard embedded form with optional intro content.

default

⚠ No demo props registered for form/default.

Minimal

Borderless inline form — no card surface, tighter spacing.

minimal

⚠ No demo props registered for form/minimal.

Dark

Dark surface form with accent-colored submit button.

dark

⚠ No demo props registered for form/dark.

Playful

Rounded card form with soft shadows and pastel accent fields.

playful

⚠ No demo props registered for form/playful.