# 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. States no colour and no font of its own. Canonical: https://patternpaste.com/pattern/feature-lead-list.html Section: Features Access: Free, and free to keep. Needs: 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. Blocks: column, columns, group, heading, paragraph Keywords: features, lead, list, asymmetric, primary, benefits ## Variations (3) ### Lead and list (the default) Identical markup in every theme. The lead at display size on the left, three ruled entries on the right at a fraction of its size, hairlines in currentColor so they follow your text. ### Linen and petrol This variation states its own colours and states its own type: identical in every theme. An accountant's main fixed-fee service on a petrol plate beside five ruled services with their prices, linen ground and near-black ink, in Baskerville over Helvetica. ### Priced lead and list Identical markup in every theme. The lead service on a plate with its price and a call to book, beside five ruled services each with its price, in your theme's colours and type. --- ## 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. ## 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. ## 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. ## 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.