Join the Graduate Painting team

Photo-free centred statement hero: a tracked accent kicker, a short accent rule, a light-weight display headline, one primary action, and a hairline row of trust signals. Deliberately carries no image slot — the composition is typographic, so it never depends on the tenant having good photography and never puts navigation over unpredictable media. Pairs with solid or frosted navigation (it declares a solid surface, so an overlay-capable recipe stays opaque above it). Every trust signal self-hides when its slot is empty, so the row only ever shows facts the business actually has.

The photo-led sibling of hero.minimal-statement, used ONLY for a service whose photo is actually on file: light-weight statement copy on the left, the tenant's own photograph held in a hairline-bordered, generously-radiused frame on the right — never behind the text, so there is no text-over-photo contrast case to guard with a scrim. Every other hero in this design stays the photo-free minimal-statement; this template exists because a service page is the one place a specific photograph belongs to a specific piece of copy. Pairs with opaque, non-overlay navigation (frosted-sticky): it declares no overlay surface, matching its photo-free sibling, so the nav's contrast never depends on what is in the frame.

Full-bleed background image with a brand-tinted overlay, refined editorial typography, and a single high-contrast CTA. The structural pairing for overlay-compatible navigation: a transparent nav can sit on top because the brand tint and content composition guarantee contrast across the full top of the page. When no image is set, a brand gradient stands in as the designed default.

Asymmetric editorial hero: a wide serif headline beside a prospectus-style "firm record" credentials column, with an optional framed-plate photograph beneath. The record column and the photo plate each collapse structurally when there is nothing to show — no bare labels, no empty mats. Pairs with opaque, non-overlay navigation (solid-static): it declares no overlay surface, so there is no nav-over-media contrast case to guard.

Image-free full-bleed dark hero: 900-weight uppercase display type, a rule-anchored value line, and a preset-owned diagonal/chevron proof plate instead of a photograph. An optional plaque shows a VERIFIED founding year (or the licence/insurance wording the business can actually support) and the same value is echoed as the oversized ghost numeral behind the composition. A graphic trust strip closes the section. Pairs with opaque navigation (solid-sticky): it declares no overlay surface, so no nav sits over hero media — there is no hero media. Every proof element self-hides when its fact is missing.

Full-bleed split hero: an image-free statement panel beside a ruled trust rail. The rail carries an optional 'Est.' plaque (a VERIFIED founding year only), a fact-backed trust list, and a tap-to-call block. Pairs with opaque navigation (ruled-anchor-bar): it declares no overlay surface, so no nav sits over hero media — there is no hero media. Every rail element self-hides when its fact is missing.

Two-column hero with copy on the left and a hero image on the right. Best for service/product homepages. When no image is set, the media panel shows a branded texture instead.

Contractor-grade split hero: copy on a solid brand panel (left), full-strength photo on an angled panel (right). Carries a built-in conversion layer — tap-to-call phone button, up to three stat blocks, and a trust-badge strip (each badge is an image chip or an icon + text chip) — every piece self-hides when its slot is left empty. Best for home and landing pages of trades businesses. When no image is set, a branded striped panel stands in.

Image-free interior-page hero: a dark ruled band with an oversized headline and one action. Shares the home hero's structural language without repeating its trust rail or 'Est.' plaque — those live only on the home page. Pairs with opaque navigation (ruled-anchor-bar): it declares no overlay surface.

Photo-free hero: a warm eyebrow, a rounded display headline, a primary action plus a tap-to-call link, and a preset-owned arched panel — an abstract sun-and-hills composition, never a photo slot and never trade art. A self-hiding row of up to three verified trust facts closes the section. Pairs with the floating pill navigation (it declares a solid surface, so the non-overlay recipe stays correct above it — there is no hero media for a nav to sit over).

Neighborly's banner: a headline over up to six rounded feature cards, plus an optional video panel. Any card or the video left unset is dropped rather than shown blank.

Cornerstone's banner: a serif headline over up to six numbered ledger rows, plus an optional video panel. Any row or the video left unset is dropped rather than shown blank.

Bold Confident's banner: a black-bordered grid of up to six feature slabs with an oversized ghost numeral, plus an optional video panel. Any slab or the video left unset is dropped rather than shown blank.

Headline over a grid of up to six icon-led feature points, with an optional embedded video panel below. Any point or the video left unset is dropped rather than shown blank.

Modern Clean's banner: a headline over up to six hairline-bordered feature cards, plus an optional video panel. Any card or the video left unset is dropped rather than shown blank.

Landmark's banner: a headline over up to six hairline-ruled feature cells (no decorative numbering, per Landmark's structural contract), plus an optional video panel. Any cell or the video left unset is dropped rather than shown blank.

A dark, deeply rounded panel inset from the page edge rather than a full-bleed band, lit by a soft radial accent glow behind the headline. Light-weight display type, one primary action and an optional secondary link. Use to close a page without breaking the airy hairline rhythm of the sections above it.

Centered call-to-action with brand-color background, single button. Use to convert at the bottom of a section.

Side-by-side CTA on a brand gradient. Headline + description on the left, button on the right.

An understated dark band in a neutral ink ground — not the tenant's brand colour — with the action itself carrying the one accent. Restrained rather than a full-bleed brand-colour block: the composition reads as a closing statement, not an advertisement.

Split call-to-action band: dark copy panel beside an anchored action cell poured in the brand's action colour — the same anchored-cell language the ruled-anchor-bar navigation uses. Zero radius, no shadow, no gradient.

Full-width call-to-action poured in the brand's action colour and edged top and bottom with hazard striping. Heavy uppercase headline on the left, one hard-edged reversed button on the right. Zero radius, no shadow, no gradient — the impact comes from the block of colour and the weight of the type, so it survives any brand palette.

A large rounded accent-colour band with soft decorative circles, a bold headline and one primary action. The band and button text read the derived contrast token rather than a hard-coded colour, so the label stays legible whatever the tenant's brand colour is.

Two-column layout: services list on the left, hero image on the right. Up to four services with icon + title + description. When no image is set, the media panel shows a branded texture instead.

Auto-syncs from your Services panel — icons, pricing and links stay current. Pick which to feature.

Auto-syncs from your Services panel — icons, pricing and links stay current. Pick which to feature.

Auto-syncs from your Services panel — icons, pricing and links stay current. Pick which to feature.

Auto-syncs from your Services panel — icons, pricing and links stay current. Pick which to feature.

Auto-syncs from your Services panel — icons, pricing and links stay current. Pick which to feature.

Auto-syncs from your Services panel — icons, pricing and links stay current. Pick which to feature.

Four large numeric stats in a row with short labels. Use after hero or before testimonials for trust.

Three pricing cards with the middle tier visually highlighted as 'most popular'. Up to 5 features per tier.

Up to 5 question/answer pairs in plain visible cards. Display all answers (no collapse) — keeps it accessible by default.

Three centered process steps with brand-colored numeric badges, titles, and short descriptions.

Auto-syncs from Admin → Team. Toggle "Show in Team" on a user to feature them.

Single-person profile with headshot on the left and name/title/bio on the right. When no photo is set, the headshot area shows a branded texture instead.

Up to three core values as numbered cells in a hairline grid: 1px gutters over a bordered ground, a generous outer radius, no shadows. A value whose slots are left empty is removed rather than left as a placeholder, and the remaining cells stretch to fill the frame.

Three core-value cards with icon, title, and description. Replaces the structured about_values block.

Three core values as a ruled ledger — a serif index numeral, an institution-neutral icon, title and description, separated by hairlines rather than cards. Unfilled value slots drop out of the row.

Three core values as thick-bordered slabs butted edge to edge inside one heavy frame — no gaps, no rounding, no shadows. Each slab is indexed with a stroked outline numeral and carries an optional icon. Unfilled value slots drop out of the row.

Up to three core values as bordered cells sharing one heavy frame, each led by a plain accent mark and an optional icon — no numbering. Unfilled value slots drop out of the row so the frame never shows an empty cell.

Up to three core values as soft rounded cards with a plain numbered label and a geometric dot motif — the same trade-neutral mark the services grid uses. A value whose slots are left empty is removed rather than left as a placeholder, and the remaining cards stretch to fill the row.

Auto-rotating carousel of up to 6 real customer reviews from the database. Pulls reviews matching the configured filters (limit ≤ 6, minimum stars, optional location). Pauses on user interaction. For static testimonials with hand-written content, use testimonials.three-up-quotes instead.

Three customer reviews in a row with star ratings, quote text, customer name, and location. Static — for live database-backed reviews use testimonials.live-carousel.

Up to six certification logos with optional labels in a responsive grid. Cells without a badge image are removed automatically.

Five partner/customer logos in a grayscale strip with a 'Trusted by' eyebrow. Hover restores color.

Slim brand-colored bar for time-limited promotions. Single message + inline CTA.

Single centered image with optional caption. Use as a divider between text-heavy sections. The whole section is omitted when no image is provided — do not use without an image.

Captures leads straight into your CRM. Pick which form to use.

Embed any existing form on this page — contact, quote, application, or custom. Pick which form to use.

Trade-specific quote wizard powered by Pricing Tool templates.

Auto-syncs from your Locations panel. Pick which to feature.

Auto-syncs from your Locations panel. Pick which to feature.

Auto-syncs from your Locations panel. Pick which to feature.

Auto-syncs from your Locations panel. Pick which to feature.

Auto-syncs from your Locations panel. Pick which to feature.

Auto-syncs from your Locations panel. Pick which to feature.

Live phone, hours, and address. Edit the Location once, updates everywhere.

Live phone, hours, and address. Edit the Location once, updates everywhere.

Live phone, hours, and address. Edit the Location once, updates everywhere.

Live phone, hours, and address. Edit the Location once, updates everywhere.

Live phone, hours, and address. Edit the Location once, updates everywhere.

Live phone, hours, and address. Edit the Location once, updates everywhere.

Live service regions tied to a Location record.

Live service regions tied to a Location record.

Live service regions tied to a Location record.

Live service regions tied to a Location record.

Live service regions tied to a Location record.

Live service regions tied to a Location record.

Interactive Leaflet map with custom pins, styles, and directions.

Grid with lightbox and prev/next. Drop in your images.

Drag-to-compare photos. Great for transformations and finish work.

Filterable feed from your Portfolio. Tags and types stay in sync.

A single YouTube or Vimeo video with heading and description.

Pulls your latest videos straight from your channel feed.

Sandboxed PHP, HTML, CSS, and JS for one-off scripts. Admin-only.

Two-column section: prose on the left, an image held inside a 1px hairline frame with a generous radius on the right. No shadow and no photographic bleed — the frame is the decoration, so the section still reads as designed when the tenant has no image to show.

Generic two-column section: text/headline on the left, image on the right. Use as a starting point for content that doesn't fit a more specific template. When no image is set, the media panel shows a branded texture instead.

Single narrow column of long-form prose under a light-weight heading, opened by a short accent rule and closed by a hairline. Built for policy and long-copy pages where a side image would distract.

Single-column story copy beside an optional framed photograph, in the Cornerstone language: serif heading, a thin accent rule ahead of the body copy, hairline structure instead of a card. The image column collapses entirely when there is no photograph, so the copy runs full width instead of sitting beside an empty frame.

Centered single-column section for long-form prose. Use for about-us bodies, policy text, or any content that doesn't need a side image.

Two-column section: ruled headline and body copy beside a photograph held in a squared, bordered frame — a museum-plate treatment, not a floating card. The whole media column drops out when no image is set, so the copy runs full width instead of leaving a hole.

Two-column section in the Bold Confident language: heavy uppercase headline, body copy set against an accent rule, and a photograph held in a thick square frame offset over a diagonal hazard field. Zero radius, no shadows. The whole media column drops out when no image is set, so the copy simply runs wider instead of leaving a hole.

Single-column long-form section for policy and legal text in the Cornerstone language: a serif heading over a thin rule, then readable body copy. No cards, no rounding — the structure comes from the rule and the type.

Single-column long-form section for policy and legal text: a bold heading over a thick rule, then readable body copy with square list markers. No cards, no rounding — the structure comes from the rule and the type weight.

Single-column long-form section for policy and legal text in the Bold Confident language: heavy uppercase heading over a thick rule, then readable body copy with squared list markers. No cards, no rounding — the structure comes from the rule and the type weight.

Two-column section: prose on the left, an image held inside a soft rounded frame with an arched top on the right — echoing the hero's arch motif. When the tenant has no image the arched frame stands in on its own, filled with the same abstract sun-and-hills geometry as the hero, so the section still reads as designed.

Single narrow column of long-form prose under a warm bold heading, opened by a short accent rule. Built for policy and long-copy pages where a side image would distract.

Start from a blank Tailwind canvas. Use the WYSIWYG to add anything.

Thin horizontal rule with vertical breathing room. Use between unrelated sections.