Feature rows: WordPress Block Pattern, Pattern Paste Canonical: https://patternpaste.com/pattern/feature-rows.html Core Patterns (https://patternpaste.com/patterns/) Features (https://patternpaste.com/patterns/features/) Catalogue access Standard # Feature rows A feature set as four full-width ruled rows in which the hierarchy is upside down: the section heading is the smallest type in the band, a tracked line above the first rule, and each of the four points is set at the size a section heading usually gets, with its explanation beside it as a footnote in a narrow right-hand column. Hairlines in currentColor open and close the run. ## All patterns Search patterns Loading patterns… Start here ## What to change first - The four statements. Four to seven words each, and they read better as sentences with a full stop than as labels. - The gloss. One or two sentences. - The number of rows. Duplicate a row group. - The header. The small heading and its line are optional. - The split. 64/36 is tuned for a statement of five words. The signature moment ## The hierarchy upside down The section heading is the smallest type in the band and the four points are the largest. The opening What you get is a tracked, uppercase line at 15px sitting alone above the first rule, with one short paragraph under it at the same footnote scale. Then every row states its point at up to 2.875rem with tight negative tracking, and glosses it in a 36% right-hand column at 1rem. 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. - The rules. - 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 A feature set as four full-width ruled rows rather than a grid. Each row is one point set at the size a section heading usually gets, with its explanation beside it in a narrow column at footnote size. It is the answer for a page where the features are four sentences rather than four cards. ### The signature moment: the hierarchy upside down The section heading is the smallest type in the band and the four points are the largest. The opening What you get is a tracked, uppercase line at 15px sitting alone above the first rule, with one short paragraph under it at the same footnote scale. Then every row states its point at up to 2.875rem with tight negative tracking, and glosses it in a 36% right-hand column at 1rem. The collision between the two is the design. Four statements read down the section like four headlines, the section's own heading has stood aside to let them, and the small copy beside each one is there for the reader who has already been convinced by the statement and wants the detail. Nothing is numbered and nothing hangs outside the measure: the weight of the type is the structure. This pattern used to be a ruled index with a display numeral hanging in a narrow left column, which is the shape steps-ledger owns in the steps section, and feature-grid already carries numerals inside features. It was reshaped rather than retired, because ruled full-width rows are the right container for a feature set of four sentences; what changed is what fills the row. Make it yoursVariations and the edits to make first ### What to change first - The four statements. Four to seven words each, and they read better as sentences with a full stop than as labels. They are set at a size that punishes a clause. - The gloss. One or two sentences. A single short line leaves the right of the row looking empty against the statement beside it. - The number of rows. Duplicate a row group. Keep the closing hairline on whichever row ends up last: it is the bottom border on that group, not a separate block. - The header. The small heading and its line are optional. Delete the header group and the run starts on its first rule, which is a stronger opening for a section that follows a hero. - The split. 64/36 is tuned for a statement of five words. A longer statement wants 70/30 so it still breaks into two lines. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits from your theme - The typeface. No font family is stated anywhere. The statements and the gloss are set in your face, and the section reads very differently in a serif theme than in a sans one, which is the point. - Your colours. The ground asks for base and everything on it asks for contrast, the two slugs every stock block theme defines, each as a fallback chain ending on a colour WordPress itself guarantees. Nothing here can resolve to nothing. - Your spacing scale. Row padding and the header's gap are spacing presets, so a theme with a generous scale gets taller rows without you editing anything. - The rules. Every hairline is currentColor, so it is exactly the colour of the text beside it, in any theme and 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, so it is a band on the page and not another column of body text. - The split. 64% to the statement and 36% to the gloss. The statement gets two or three lines at display size; the gloss gets three or four at reading size, and the difference in line count is what makes the row look dense at one end and airy at the other. - The ramp. Statements are a clamp() from 1.75rem to 2.875rem at line-height 1.02 with -0.035em tracking; the gloss has a 15px floor at line-height 1.7; the header is 15px with 0.2em tracking. No bare font-size preset appears anywhere, because core's small is 13px. - The rules. Every row is opened by a hairline and the last is closed by one, so the run reads as a ruled table rather than as four paragraphs with air between them. - Where it stacks. Below 782px WordPress stacks the columns, so each row becomes the statement and then its gloss, with the hairlines still separating the rows. The scale collision survives the stack, because it is a difference in size rather than a difference in position. Technical notesBlock mechanics, responsive behaviour and constraints ### Notes - Core blocks only: group, paragraph, heading, columns, column. No plugin, nothing to keep updated. - The hairlines are per-side group borders rather than separator blocks, which is what lets each rule sit tight against its row's padding. - Text is measured against the ground it actually sits on at 4.5:1; the statements are large enough to qualify at 3:1 but are held to the same pair as the gloss, because they use the same chain. Questions ## Feature rows: common questions Does Feature rows 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 rows match my theme? Yes. It names no colour or font of its own: every colour, size and space is a preset from your theme, so it takes your theme’s palette and type when pasted. How many variations does Feature rows have? 2: Ruled statements and Night statements. Each is its own markup; choose one in the toolbar above the preview before you copy. Is Feature rows free? It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one. 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. 9.5KB of core-block markup, 5 blocks (column, columns, group, heading, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme. Subscribe to copy it, £49 a year (https://patternpaste.com/account/#plan) What you copy is yours forever. Not for you? We refund within 14 days. Back to Core Patterns (https://patternpaste.com/patterns/) Catalogue access ### £49 a year All patterns, variations and theme downloads. What you copy is yours forever. Not for you? We refund within 14 days. Subscribe, £49 a year (https://patternpaste.com/account/#plan) Sign in (https://patternpaste.com/account/) Everything you copy is yours to keep, forever, on any site; access to the rest of the library runs while you subscribe. Not for you? Tell us within 14 days of a payment and we refund you. After that, cancelling stops the next renewal and access runs to the end of the year you have paid for. Prices are in pounds and are the full price in the UK, the US and eleven other countries; elsewhere the checkout adds your local VAT or sales tax. The terms name every country. #### Pair with Hero Hero aperture An opening section on your theme's own paper: a tracked line, a display headline, one short paragraph on a reading measure, and then a picture that stops short of the edge on every side. The signature is the margin: the image is a window cut in the page rather than a band across it, and the paper around it is what you notice. A small opaque plate in the picture's bottom-right corner carries the caption, so no type ever sits on the photograph. The still-image version includes an example photograph; select your own clip for the video version. States no colour and no font of its own. (https://patternpaste.com/pattern/hero-aperture.html)How it works First visit to scale What happens at a first appointment, drawn to scale: a bar of the whole appointment split into three solid segments whose widths are each step's share of the minutes, a scale line under it, then the three steps at the same widths, stacking on a tablet and a phone, with a title and a line each, and a closing note with one button. States no colour and no font of its own. (https://patternpaste.com/pattern/first-visit-to-scale.html)Compare Compact comparison rows A mobile-first responsive comparison layout using stacked capability cards: each row pairs a feature title and summary with a side-by-side comparison block, avoiding horizontal table scrolling on small screens. States no colour and no font of its own. (https://patternpaste.com/pattern/compare-compact-rows.html) #### Before you paste 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. How we test patterns (https://patternpaste.com/how-we-test/) ## Specifications Section Features Access Subscription Plugin None, core blocks only Variations 2 Colour From your theme Type From your theme Motion None Blocks column, columns, group, heading, paragraph Presets color 5, spacing 3, font-size 2 WordPress 7.0+ Continue exploring ## Next in Features Explore all 37 Features patterns (https://patternpaste.com/patterns/features/) Shot in Twenty Twenty-Five Features No plugin needed ### Feature quadrant hub A 2x2 feature matrix divided by continuous structural intersecting rules with numbered corner indices, giving equal structural presence to four core pillars. Features Preview pattern (https://patternpaste.com/pattern/feature-quadrant-hub.html) Shot in Twenty Twenty-Five Features No plugin needed ### Feature ruled trio Three vertical feature columns framed by vertical hairline borders with oversized display index numbers and crisp architectural typography. Features Preview pattern (https://patternpaste.com/pattern/feature-ruled-trio.html) Shot in Twenty Twenty-Five Features No plugin needed ### Signal field A three-part editorial header above a narrow field label and four numbered capability cells, closed by a quiet action. Features Preview pattern (https://patternpaste.com/pattern/feature-signal-field.html)