Pattern Paste
Subscribe

Core Patterns Features

FreeStandard

Feature lead and list

One feature carried at display size across half the band, with three compact ruled entries opposite it.

The weighting is the point: the lead argues, the three answer, and nothing on the page pretends the four are equal.

All patterns

Loading patterns…

Theme
Preview size
Look

Takes your theme’s colours and type.

Twenty Twenty-Five·1280px

Manrope typefacergb(255, 255, 255) ground1280px viewport

Start here

What to change first

  1. The lead heading. It is the sentence the section exists to say.
  2. The lede. Two lines.
  3. The three entries. Four to six words in the heading, one sentence under it.
  4. The closing line under the lead. A tracked uppercase note, and the only place in the section where the same thing is said twice.
  5. The number of entries. Duplicate an entry group.

The signature moment

Weight asymmetry across the seam

One point is the argument and the other three are the answer. The lead is set at up to 3.5rem with a lede beneath it and no rule anywhere near it; the three entries opposite are set at around 1.25rem, each closed top and bottom by a hairline, in a column that reads as a ledger. The two halves are almost the same width and nothing like the same weight, so the eye lands on the lead, then runs down the list, and the page has told you which feature you are actually buying before you have read a word.

Theme handoff

What comes from where

From your theme

  • The typeface.
  • Your colours.
  • Your spacing scale.
  • The rules.

Set by this pattern

  • Full bleed with its own measure.
  • The split.
  • The ramp.
  • Where it stacks.

Full pattern notes

Why it works, and how it is built

Open a topic for the complete design reasoning, editing guidance and implementation notes.

Design rationaleComposition, intent and nearest alternatives

Overview

One feature carried at display size across half the band, with three compact ruled entries opposite it. Every other feature pattern in the catalogue weights its points equally: three even columns, four equal rows, four points hung off a spine. This one does not, and that is the whole design.

The signature moment: weight asymmetry across the seam

One point is the argument and the other three are the answer. The lead is set at up to 3.5rem with a lede beneath it and no rule anywhere near it; the three entries opposite are set at around 1.25rem, each closed top and bottom by a hairline, in a column that reads as a ledger. The two halves are almost the same width and nothing like the same weight, so the eye lands on the lead, then runs down the list, and the page has told you which feature you are actually buying before you have read a word.

The rules do the second half of the work. The list is entirely ruled and the lead is not, apart from one hairline under its closing line, so the seam between them is a change of density rather than a divider.

Why this is not feature-lead-row

feature-lead-row turns the same asymmetry through ninety degrees: the lead runs across the top of the band at its largest, held to a 52rem measure, and the three entries sit under it as a ruled row of thirds. It is the one to take when the lead needs to be the first thing on the page rather than the left thing, and when the three points are closer to equals. This one is the denser of the two and the one to take when the section has to sit shorter, because the lead and the ledger share a line rather than queue up.

Make it yoursVariations and the edits to make first

What to change first

  1. The lead heading. It is the sentence the section exists to say. Ten to fourteen words is the shape it is tuned for.
  2. The lede. Two lines. Three still reads; one leaves the lead column short against the ruled list beside it.
  3. The three entries. Four to six words in the heading, one sentence under it. They are deliberately too small to argue, so do not try to make them.
  4. The closing line under the lead. A tracked uppercase note, and the only place in the section where the same thing is said twice. Delete the group if it is not true of your plans.
  5. The number of entries. Duplicate an entry group. Keep the bottom hairline on whichever entry ends up last: it is a border on that group, not a separate block.
Theme behaviourInheritance, fixed decisions and contrast

What it inherits from your theme

  • The typeface. No font family is stated anywhere. The display lead and the compact entries are both set in your face, and the size gap between them is what carries the design in a serif theme and in a sans one.
  • Your colours. The ground asks for base and everything on it asks for contrast, each written as a fallback chain ending on a colour WordPress itself guarantees. Nothing here can resolve to nothing.
  • Your spacing scale. The band's padding, the gap between the two halves and the padding inside each ruled entry are spacing presets.
  • The rules. Every hairline is currentColor, so it is exactly the colour of the text beside it, on either ground.

What it decides for itself

  • Full bleed with its own measure. The section spans the viewport and holds its content to 1240px.
  • The split. 54% to the lead and 46% to the list, with a gutter that grows from 2rem to 4.5rem. The lead is the wider half by a little and the louder half by a lot.
  • The ramp. A 14px tracked label, the lead heading from 2.25rem to 3.5rem at line-height 1.05, a lede from 1.0625rem to 1.25rem, entry headings from 1.125rem to 1.3125rem, and entry copy with a 15px floor. Nothing in the section uses a bare font-size preset, because core's small is 13px.
  • Where it stacks. Below 782px WordPress stacks the two halves, so the lead comes first and the ruled list follows it. The asymmetry survives as sequence: the loud thing, then the ledger.
Technical notesBlock mechanics, responsive behaviour and constraints

The Linen and petrol look

A Styled variation for an accountant or consultant, with its own colours, type and copy. The lead is a fixed-fee service on a petrol #0d5c6e column in linen #f4efe6 type, closed by a ruled foot with its price and a square linen button; opposite, five ruled services in near-black ink #1d2a31, each with its price in petrol. The plate is the column itself, so it runs the full height of the list. Headings are Baskerville (falling back to Georgia), copy Helvetica. Every text pair is measured on its painted ground above 4.5:1. Take the base if you want your theme's colours.

Notes

  • Core blocks only: group, columns, column, heading, paragraph. No plugin, nothing to keep updated.
  • The entries are wrapped in a group with a zero block gap, so consecutive rules sit tight against each other's padding and the column reads as one ledger.
  • Text is measured at 4.5:1 against the ground it actually sits on; the lead heading qualifies as large text at 3:1 but is held to the same pair as the copy, because it uses the same chain.

Questions

Feature lead and list: common questions

Does Feature lead and list need a plugin?

No. It is built only from core WordPress blocks (column, columns, group, heading and paragraph), so it pastes into the block editor with nothing to install.

Will Feature lead and list match my theme?

Choose by variation. Lead and list and Priced lead and list take your theme’s palette; Linen and petrol brings its own colours.

How many variations does Feature lead and list have?

3: Lead and list, Linen and petrol and Priced lead and list. Each is its own markup; choose one in the toolbar above the preview before you copy.

Is Feature lead and list free?

Yes. It is one of 62 free Core Patterns: copy it and it is yours to keep and edit. Its Styled looks come with a subscription.

Which WordPress version does it need?

Requires a block theme on WordPress 7.0 to 7.1. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.

The markup

Core block markup and nothing else. Copy it, then paste it straight into the block editor: WordPress reads the delimiters and rebuilds the blocks. This is the file as authored; the copy button on the stage applies the finish you chose there.

8,424 bytes
<!-- wp:group {"align":"full","style":{"color":{"background":"var(--wp--preset--color--base, var(--wp--preset--color--white))","text":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))"},"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"clamp(1.25rem, 4vw, 4rem)","right":"clamp(1.25rem, 4vw, 4rem)"},"blockGap":"0"},"elements":{"heading":{"color":{"text":"currentColor"}},"link":{"color":{"text":"currentColor"}}}},"layout":{"type":"constrained","contentSize":"1240px"}} -->
<div class="wp-block-group alignfull has-text-color has-background has-link-color" style="color:var(--wp--preset--color--contrast, var(--wp--preset--color--black));background-color:var(--wp--preset--color--base, var(--wp--preset--color--white));padding-top:var(--wp--preset--spacing--80);padding-right:clamp(1.25rem, 4vw, 4rem);padding-bottom:var(--wp--preset--spacing--80);padding-left:clamp(1.25rem, 4vw, 4rem)"><!-- wp:columns {"verticalAlignment":"top","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"2.5rem"}}}} -->
<div class="wp-block-columns are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"54%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:54%"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"max(0.875rem, 14px)","fontWeight":"600","letterSpacing":"0.18em","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:max(0.875rem, 14px);font-weight:600;letter-spacing:0.18em;text-transform:uppercase">What you actually get</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--xx-large, clamp(2.25rem, 4.4vw, 3.5rem))"}}} -->
<h2 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:0;font-size:var(--wp--preset--font-size--xx-large, clamp(2.25rem, 4.4vw, 3.5rem))">One queue that answers to your rota, not to your email client.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.0625rem, 1.4vw, 1.25rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--30);margin-bottom:0;font-size:var(--wp--preset--font-size--large, clamp(1.0625rem, 1.4vw, 1.25rem))">Every request, whichever channel it arrived on, lands in one place that already knows who is on shift, what they are qualified for, and how long the same job took last time.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"top":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"margin":{"top":"var:preset|spacing|50"},"padding":{"top":"var:preset|spacing|30"},"blockGap":"0"}}} -->
<div class="wp-block-group" style="border-top-color:currentColor;border-top-style:solid;border-top-width:1px;margin-top:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--30)"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1.05vw, 1rem)","fontWeight":"600","letterSpacing":"0.08em","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(0.9375rem, 1.05vw, 1rem);font-weight:600;letter-spacing:0.08em;text-transform:uppercase">In every plan, on every seat, from the first day of the trial.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"46%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:46%"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"border":{"top":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"},"blockGap":"0"}}} -->
<div class="wp-block-group" style="border-top-color:currentColor;border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.5vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:0;margin-bottom:0;font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.5vw, 1.3125rem))">Rota-aware routing</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Nothing is assigned to someone who is off, on leave, or two hours from the end of a shift.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"top":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"},"blockGap":"0"}}} -->
<div class="wp-block-group" style="border-top-color:currentColor;border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.5vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:0;margin-bottom:0;font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.5vw, 1.3125rem))">One history per address</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Every visit, part and photograph for that address sits on one page, going back as far as your records do.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"top":{"color":"currentColor","style":"solid","width":"1px"},"bottom":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"},"blockGap":"0"}}} -->
<div class="wp-block-group" style="border-top-color:currentColor;border-top-style:solid;border-top-width:1px;border-bottom-color:currentColor;border-bottom-style:solid;border-bottom-width:1px;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.5vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:0;margin-bottom:0;font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.5vw, 1.3125rem))">Reports you can send on</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">The monthly summary exports as a page written in sentences, which a client will read without a walkthrough.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Variation: Priced lead and list
19,448 bytes
<!-- wp:group {"align":"full","style":{"color":{"background":"var(--wp--preset--color--base, var(--wp--preset--color--white))","text":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))"},"spacing":{"padding":{"top":"clamp(4rem, 8vw, 8rem)","bottom":"clamp(4rem, 8vw, 8rem)","left":"clamp(1.25rem, 4vw, 4rem)","right":"clamp(1.25rem, 4vw, 4rem)"},"blockGap":"0"},"elements":{"heading":{"color":{"text":"currentColor"}},"link":{"color":{"text":"currentColor"}}}},"layout":{"type":"constrained","contentSize":"1240px"}} -->
<div class="wp-block-group alignfull has-text-color has-background has-link-color" style="color:var(--wp--preset--color--contrast, var(--wp--preset--color--black));background-color:var(--wp--preset--color--base, var(--wp--preset--color--white));padding-top:clamp(4rem, 8vw, 8rem);padding-right:clamp(1.25rem, 4vw, 4rem);padding-bottom:clamp(4rem, 8vw, 8rem);padding-left:clamp(1.25rem, 4vw, 4rem)"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50"}},"typography":{"fontSize":"1rem","fontWeight":"700","letterSpacing":"0.04em"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:var(--wp--preset--spacing--50);font-size:1rem;font-weight:700;letter-spacing:0.04em">Carrow and Pike, Chartered Accountants, Norwich</p>
<!-- /wp:paragraph -->

<!-- wp:columns {"verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-columns are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","width":"50%","style":{"color":{"background":"var(--wp--preset--color--role-plate, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))","text":"var(--wp--preset--color--role-plate-text, var(--wp--preset--color--base, var(--wp--preset--color--white)))"},"spacing":{"padding":{"top":"clamp(2rem, 4vw, 3.5rem)","right":"clamp(1.5rem, 3.5vw, 3.5rem)","bottom":"clamp(2rem, 4vw, 3.5rem)","left":"clamp(1.5rem, 3.5vw, 3.5rem)"}},"elements":{"heading":{"color":{"text":"currentColor"}},"link":{"color":{"text":"currentColor"}}}}} -->
<div class="wp-block-column is-vertically-aligned-stretch has-text-color has-background has-link-color" style="flex-basis:50%;color:var(--wp--preset--color--role-plate-text, var(--wp--preset--color--base, var(--wp--preset--color--white)));background-color:var(--wp--preset--color--role-plate, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));padding-top:clamp(2rem, 4vw, 3.5rem);padding-right:clamp(1.5rem, 3.5vw, 3.5rem);padding-bottom:clamp(2rem, 4vw, 3.5rem);padding-left:clamp(1.5rem, 3.5vw, 3.5rem)"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-plate-text, var(--wp--preset--color--base, var(--wp--preset--color--white)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"0.875rem","fontWeight":"700","letterSpacing":"0.14em","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-plate-text, var(--wp--preset--color--base, var(--wp--preset--color--white)));margin-top:0;margin-bottom:0;font-size:0.875rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase">Most of our clients start here</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"color":{"text":"var(--wp--preset--color--role-plate-text, var(--wp--preset--color--base, var(--wp--preset--color--white)))"},"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"0"}},"typography":{"fontSize":"clamp(2.125rem, calc(1.0038rem + 4.6vw), clamp(2.5rem, 4.6vw, 4.75rem))"}}} -->
<h2 class="wp-block-heading has-text-color" style="color:var(--wp--preset--color--role-plate-text, var(--wp--preset--color--base, var(--wp--preset--color--white)));margin-top:var(--wp--preset--spacing--30);margin-bottom:0;font-size:clamp(2.125rem, calc(1.0038rem + 4.6vw), clamp(2.5rem, 4.6vw, 4.75rem))">Year-end accounts and your company tax return, for one fixed fee.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-plate-text, var(--wp--preset--color--base, var(--wp--preset--color--white)))"},"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"0"}},"typography":{"fontSize":"clamp(1.0625rem, 1.3vw, 1.25rem)","lineHeight":"1.6"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-plate-text, var(--wp--preset--color--base, var(--wp--preset--color--white)));margin-top:var(--wp--preset--spacing--40);margin-bottom:0;font-size:clamp(1.0625rem, 1.3vw, 1.25rem);line-height:1.6">Statutory accounts filed at Companies House, the CT600 filed with HMRC, and a sit-down meeting to walk you through both. One named accountant all year, and no charge for the phone calls in between.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"top":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"0"},"padding":{"top":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-group" style="border-top-color:currentColor;border-top-style:solid;border-top-width:1px;margin-top:var(--wp--preset--spacing--50);margin-bottom:0;padding-top:var(--wp--preset--spacing--30)"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-plate-text, var(--wp--preset--color--base, var(--wp--preset--color--white)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(1.5rem, 2.2vw, 2rem)","lineHeight":"1.2"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-plate-text, var(--wp--preset--color--base, var(--wp--preset--color--white)));margin-top:0;margin-bottom:0;font-size:clamp(1.5rem, 2.2vw, 2rem);line-height:1.2">From £1,450 a year</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex"}} -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"var(--wp--preset--color--base, var(--wp--preset--color--white))","text":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))"},"typography":{"fontWeight":"700","fontSize":"1rem"},"spacing":{"padding":{"top":"0.9375rem","right":"1.5rem","bottom":"0.9375rem","left":"1.5rem"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background has-custom-font-size wp-element-button" href="#book" style="color:var(--wp--preset--color--contrast, var(--wp--preset--color--black));background-color:var(--wp--preset--color--base, var(--wp--preset--color--white));padding-top:0.9375rem;padding-right:1.5rem;padding-bottom:0.9375rem;padding-left:1.5rem;font-size:1rem;font-weight:700">Book a free call</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:50%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}},"typography":{"fontSize":"0.875rem","fontWeight":"700","letterSpacing":"0.14em","textTransform":"uppercase"}}} -->
<p style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30);font-size:0.875rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase">Everything else we do</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"border":{"top":{"color":"var(--wp--preset--color--role-rule, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--role-rule, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"20rem"},"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(1.5rem, 2vw, 1.875rem)"}}} -->
<h3 class="wp-block-heading" style="margin-top:0;margin-bottom:0;font-size:clamp(1.5rem, 2vw, 1.875rem)">Monthly bookkeeping</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}},"typography":{"fontSize":"clamp(1rem, 1.15vw, 1.125rem)","lineHeight":"1.55"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-size:clamp(1rem, 1.15vw, 1.125rem);line-height:1.55">Receipts and bank feeds reconciled every month, so the numbers are never a surprise.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"1.0625rem","fontWeight":"700","lineHeight":"1.4"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:1.0625rem;font-weight:700;line-height:1.4">£95 a month</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"top":{"color":"var(--wp--preset--color--role-rule, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--role-rule, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"20rem"},"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(1.5rem, 2vw, 1.875rem)"}}} -->
<h3 class="wp-block-heading" style="margin-top:0;margin-bottom:0;font-size:clamp(1.5rem, 2vw, 1.875rem)">Payroll</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}},"typography":{"fontSize":"clamp(1rem, 1.15vw, 1.125rem)","lineHeight":"1.55"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-size:clamp(1rem, 1.15vw, 1.125rem);line-height:1.55">Payslips, RTI submissions and pension auto-enrolment for teams of one to fifty.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"1.0625rem","fontWeight":"700","lineHeight":"1.4"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:1.0625rem;font-weight:700;line-height:1.4">£6 per payslip</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"top":{"color":"var(--wp--preset--color--role-rule, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--role-rule, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"20rem"},"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(1.5rem, 2vw, 1.875rem)"}}} -->
<h3 class="wp-block-heading" style="margin-top:0;margin-bottom:0;font-size:clamp(1.5rem, 2vw, 1.875rem)">VAT returns</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}},"typography":{"fontSize":"clamp(1rem, 1.15vw, 1.125rem)","lineHeight":"1.55"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-size:clamp(1rem, 1.15vw, 1.125rem);line-height:1.55">Prepared and filed under Making Tax Digital, with a reminder a fortnight before each deadline.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"1.0625rem","fontWeight":"700","lineHeight":"1.4"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:1.0625rem;font-weight:700;line-height:1.4">£120 a quarter</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"top":{"color":"var(--wp--preset--color--role-rule, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--role-rule, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"20rem"},"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(1.5rem, 2vw, 1.875rem)"}}} -->
<h3 class="wp-block-heading" style="margin-top:0;margin-bottom:0;font-size:clamp(1.5rem, 2vw, 1.875rem)">Self assessment</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}},"typography":{"fontSize":"clamp(1rem, 1.15vw, 1.125rem)","lineHeight":"1.55"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-size:clamp(1rem, 1.15vw, 1.125rem);line-height:1.55">Your personal return, rental income and dividends included, filed well before January.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"1.0625rem","fontWeight":"700","lineHeight":"1.4"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:1.0625rem;font-weight:700;line-height:1.4">£250</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"top":{"color":"var(--wp--preset--color--role-rule, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))","style":"solid","width":"1px"},"bottom":{"color":"var(--wp--preset--color--role-rule, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--role-rule, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));border-top-style:solid;border-top-width:1px;border-bottom-color:var(--wp--preset--color--role-rule, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));border-bottom-style:solid;border-bottom-width:1px;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"20rem"},"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(1.5rem, 2vw, 1.875rem)"}}} -->
<h3 class="wp-block-heading" style="margin-top:0;margin-bottom:0;font-size:clamp(1.5rem, 2vw, 1.875rem)">Company formation</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"}},"typography":{"fontSize":"clamp(1rem, 1.15vw, 1.125rem)","lineHeight":"1.55"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-size:clamp(1rem, 1.15vw, 1.125rem);line-height:1.55">A limited company set up, registered for tax and ready to trade within a week.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"1.0625rem","fontWeight":"700","lineHeight":"1.4"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:1.0625rem;font-weight:700;line-height:1.4">£180</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Back to Core Patterns