Full-width blocks that compose into pages.
Sections
Marketing, commerce, SaaS, content and application sections. Each one solves a distinct layout problem rather than restating the previous one with different padding.
Showing 86 of 109 sections — clear filters
404 section
A missing page that still offers the real top-level destinations.
StatesstarterFeatured3 variantsCentered call to action
One heading, one supporting line, two actions of unequal weight.
MarketingstarterFeatured3 variantsCode-sample hero
A developer hero pairing the pitch with a real, valid code sample in a window frame.
MarketingstarterFeatured3 variantsDashboard metric row
Four KPI tiles, two of them with inverted trend semantics.
ApplicationstarterFeatured3 variantsEditorial split hero
An asymmetric seven-and-four column hero where the statement and the note sit at different weights.
MarketingstarterFeatured3 variantsFAQ accordion
Native details and summary elements — no JavaScript at all.
MarketingstarterFeatured3 variantsFeature icon grid
Three columns of icon, title and paragraph — the workhorse feature section.
MarketingstarterFeatured3 variantsFeatured post with list
One lead article plus a scannable list of five.
ContentstarterFeatured3 variantsFirst-run empty state
The state a new account lands in, with one action and two learning paths.
StatesstarterFeatured3 variantsHero with statistics band
A claim above a four-figure band, with every figure read from the live catalogue.
MarketingstarterFeatured3 variantsNo search results
The failed-query state, with the query echoed and the active filters shown.
StatesstarterFeatured3 variantsProduct grid
A storefront grid with reserved image areas, price comparison and stock state.
CommercestarterFeatured3 variantsSplit contact section
Contact details on one side, the library's own contact form on the other.
MarketingstarterFeatured3 variantsThree-column testimonials
Equal cards with attribution structurally attached to each quote.
MarketingstarterFeatured3 variantsThree-tier pricing
Three plans with the recommended tier raised rather than merely tinted.
CommercestarterFeatured3 variants500 section
A server failure with a reference code and a real retry button.
Statesstarter3 variantsAggregate outcomes strip
The headline figure from every engagement, side by side.
Contentstarter3 variantsAlternating quote rows
Company on one side, quote on the other, alternating down the page.
Marketingstarter3 variantsArticle card grid
Three columns of equal cards with reserved media areas.
Contentstarter3 variantsArticles by category
The same posts grouped under labelled category regions.
Contentstarter3 variantsBefore and after columns
The problem in the reader's words on the left, the resolution on the right.
Marketingstarter3 variantsBefore and after figures
The same four measures twice, with the change carried by arrow, sign and colour.
Marketingstarter3 variantsBook-a-call section
Length, host and agenda stated before the booking action.
Marketingstarter3 variantsBordered logo grid
A hairline grid of equal cells with a sector label under each name.
Marketingstarter3 variantsCase study grid
Whole-card links with the headline metric inside each card.
Contentstarter3 variantsCase study index
A dense archive index with year, title, client and sector columns.
Contentstarter3 variantsCase study with a client quote
Story, figures and the client's own words, in that order.
Contentstarter3 variantsCategorised FAQ
Questions grouped by subject, each group a labelled region.
Marketingstarter3 variantsCollection banner
Category entry points as full-height panels, with a double-width lead.
Commercestarter3 variantsCompany history
Years down the left, events to the right, connected by one rule.
Contentstarter3 variantsConnected process flow
A horizontal flow with border-drawn connectors, collapsing to a vertical rail.
Contentstarter3 variantsCTA backed by a quote
The final action beside an endorsement rather than above it.
Marketingstarter3 variantsDashboard activity feed
A dense feed for a narrow column, using ActivityItem rather than Timeline.
Applicationstarter3 variantsDashboard quick actions
The four most common tasks, as full-card links.
Applicationstarter3 variantsDense feature list
Two columns of hairline-separated rows for the long tail of capabilities.
Marketingstarter3 variantsDivided statistics band
Four figures separated by rules rather than boxed in cards.
Marketingstarter3 variantsDual-path CTA
Two next steps of equal weight for readers with two intentions.
Marketingstarter3 variantsEditorial contents index
A numbered contents page set in the display serif.
Contentstarter3 variantsEmptied by the user
The inbox-zero case, which should read as an achievement.
Statesstarter3 variantsFAQ with an escape hatch
Four common questions and a prominent route to a human.
Marketingstarter3 variantsFeatured case study
One study with client, claim and three outcome figures.
Contentstarter3 variantsFeatured integrations
Two integrations given real explanation instead of twelve given none.
SaaSstarter3 variantsFiltered to nothing
The data exists — the filters exclude it, and the state says so.
Statesstarter3 variantsHero with announcement strip
A tinted announcement bar above a compact hero, in DOM order as well as visual order.
Marketingstarter3 variantsHorizontal milestone rail
A roadmap that scrolls sideways rather than wrapping.
Contentstarter3 variantsIncluded and excluded checklist
What the product does and does not do, side by side.
Marketingstarter3 variantsInline CTA banner
A single tinted row for mid-page placement.
Marketingstarter3 variantsInline newsletter
One row: heading, field and button, with the privacy line in the pattern.
Marketingstarter3 variantsInline proof line
One sentence with the figures set inside it.
Marketingstarter3 variantsIntegration grid
Twelve integrations as bordered cells with category and description.
SaaSstarter3 variantsIntegrations by category
The same integrations grouped into labelled regions.
SaaSstarter3 variantsInverted CTA panel
A dark rounded panel inside a light page.
Marketingstarter3 variantsInverted newsletter band
A full-bleed dark band where the input keeps its own light surface.
Marketingstarter3 variantsInverted pattern hero
A dark hero with a drawn grid and a radial mask instead of a gradient.
Marketingstarter3 variantsInverted statistics panel
A dark band of four derived figures, used as punctuation between light sections.
Marketingstarter3 variantsLeadership feature
Three people with a statement each, for an about page where trust is the question.
Contentstarter3 variantsLogo row with a quote
A roster paired with one quote from a name in it.
Marketingstarter3 variantsMedia-frame hero
A 16:9 media slot whose aspect ratio is reserved before anything loads.
Marketingstarter3 variantsMigration mapping
Old concepts mapped to new ones, with a note on what genuinely changes.
SaaSstarter3 variantsNewsletter with back issues
Three recent issues shown as real links beside the form.
Marketingstarter3 variantsNumbered feature list
An ordered list for features that are genuinely sequential or ranked.
Marketingstarter3 variantsNumbered process steps
Six ordered cards with durations attached.
Contentstarter3 variantsOffice locations
Addresses with opening hours and a live open-or-closed status.
Marketingstarter3 variantsPermission required
Not an error — the page works, the viewer just cannot see it.
Statesstarter3 variantsProcess as a live checklist
Phases with real completion states, including one honestly incomplete.
Contentstarter3 variantsProcess with deliverables
Each stage lists what the client actually receives.
Contentstarter3 variantsProduct comparison
Three products across only the attributes that differ.
Commercestarter3 variantsProgress toward goals
Ratios rather than totals — a ring for the headline, bars for the breakdown.
Marketingstarter3 variantsRated testimonials
Star ratings announced as text rather than as a row of filled paths.
Marketingstarter3 variantsRelated posts
Three suggestions for the end of an article, ordered by relatedness.
Contentstarter3 variantsRouted contact cards
Four routes with explicit response expectations instead of one form.
Marketingstarter3 variantsScheduled maintenance
Planned downtime, which should not read like an error.
Statesstarter3 variantsService status overview
Per-service health with a summary derived from the services below it.
Applicationstarter3 variantsSetup checklist
In-product onboarding whose progress is computed from the items.
Applicationstarter3 variantsSingle testimonial with outcomes
One quote given a whole section, paired with the numbers behind it.
Marketingstarter3 variantsSingle-plan pricing
One price presented across the full width rather than as a lone card.
Commercestarter3 variantsSplit CTA with a visual
Copy on one side, a live component composition on the other.
Marketingstarter3 variantsStatistics with context
Numbers on one side, the argument they support on the other.
Marketingstarter3 variantsTeam grid
Portrait cards with deterministic initials in place of photography.
Contentstarter3 variantsTeam list
Hairline rows that align names and roles into scannable columns.
Contentstarter3 variantsTeam with open roles
Who we are and who we are looking for, in one section.
Contentstarter3 variantsTestimonial-led hero
A hero where the customer quote is the headline.
Marketingstarter3 variantsTwo-audience hero
A fork in the road for products with two genuinely different buyers.
Marketingstarter3 variantsTwo-column FAQ
All answers visible, so the page stays searchable with the browser's find.
Marketingstarter3 variantsTwo-option comparison
A real either-or decision, with each option stating when it is the wrong choice.
SaaSstarter3 variantsWordmark row
A client roster set as type rather than as images.
Marketingstarter3 variants