Course plan taper, Pattern Paste Canonical: https://patternpaste.com/pattern/course-plan-taper.html Core Patterns (https://patternpaste.com/patterns/) Timeline (https://patternpaste.com/patterns/timeline/) Catalogue access Standard # Course plan taper A typical course of treatment drawn as eight weeks on a ruled baseline: a solid bar for each clinic session, its height set by its minutes, and a short rule for each week of exercises at home, so the sessions visibly shorten and spread out as the course goes on. A legend, three totals and one button. ## All patterns Search patterns Loading patterns… Start here ## What to change first - The weeks. Type each bar's minutes and set its minimum height to match (0.2rem a minute); swap a bar for a home rule, or the reverse, by duplicating a week. - The totals and the introduction. Sessions, time and price. - The link. #book. The signature moment ## The gaps widen and the bars shorten Each week is a column on one baseline, and a clinic session is a solid bar whose height is its minutes: 45 for the assessment at 9rem, 30 for a follow-up at 6rem, 20 for the review at 4rem. A week with no session carries only a short rule, the exercises done at home. Read left to right, the bars get shorter and the empty weeks get longer, so the course is seen to taper before a word of it is read. It is height and spacing, not colour, so it survives any theme, and the eight columns keep their row on a phone. Theme handoff ## What comes from where ### From your theme - Typeface. - Palette. - Buttons. ### Set by this pattern - The heading. - The bar heights. 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 typical course of treatment for a clinic, a trainer or any practice that sells a run of sessions rather than one. A label, a display heading and a short introduction sit over eight weeks drawn on one ruled baseline, a legend, three totals and a button. It sits in the timeline section; where a timeline dates what happened, this one shows what will. ### The signature moment: the gaps widen and the bars shorten Each week is a column on one baseline, and a clinic session is a solid bar whose height is its minutes: 45 for the assessment at 9rem, 30 for a follow-up at 6rem, 20 for the review at 4rem. A week with no session carries only a short rule, the exercises done at home. Read left to right, the bars get shorter and the empty weeks get longer, so the course is seen to taper before a word of it is read. It is height and spacing, not colour, so it survives any theme, and the eight columns keep their row on a phone. Make it yoursVariations and the edits to make first ### What to change first - The weeks. Type each bar's minutes and set its minimum height to match (0.2rem a minute); swap a bar for a home rule, or the reverse, by duplicating a week. - The totals and the introduction. Sessions, time and price. - The link. #book. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits from your theme - Typeface. The base states no font family. - Palette. Your base ground and contrast text. The bars invert: contrast ground with base type. The label tries role-label, the home weeks and the totals' hairlines role-rule, falling back to contrast. - Buttons. Your theme's button with a stated padding for a 44px target. ### What it decides for itself - The heading. Off the ladder on purpose, a bare clamp that is 34px on a phone and 64px by 1280. - The bar heights. Minimum heights in rem, proportional to the minutes. Technical notesBlock mechanics, responsive behaviour and constraints ### The Mend look Part of the Mend Pattern Set, one physiotherapy clinic's whole site in one design language: clinical white ground #f7faf9, deep teal-navy ink #12303a, muted ink #4a6068, sage #3d6e5c labels, lifted sage #9cc7b5 home weeks, mint #e6f0ec cards on #d3dfdb hairlines, and apricot #f2a65a as the one warm mark in the section, a fill or a rule and never text on the white ground. Avenir Next throughout, headings 600 and display 500; buttons teal with 6px corners. This look sits on the deep teal slab: apricot session bars with teal figures, lifted sage labels and home weeks, the totals in apricot at display size. Every text pair is measured on the ground it is painted on. Take the base for your theme's colours, or the look's Use my theme chip. ### Notes - Core blocks only: group, heading, paragraph, buttons, button. No plugin, nothing to keep updated. - The root group sets headings and links to currentColor, so every heading, paragraph and link inherits the group's text colour in any theme; only role-bearing text (labels, rules, the inverted bars) carries its own chain. Questions ## Course plan taper: common questions Does Course plan taper need a plugin? No. It is built only from core WordPress blocks (button, buttons, group, heading and paragraph), so it pastes into the block editor with nothing to install. Will Course plan taper match my theme? Choose by variation. Eight weeks takes your theme’s palette; Mend brings its own colours. How many variations does Course plan taper have? 2: Eight weeks and Mend. Each is its own markup; choose one in the toolbar above the preview before you copy. Is Course plan taper free? It is included with a subscription, with every Core Pattern and variation. 56 Core Patterns are free to copy without one. Which WordPress version does it need? Requires a block theme on WordPress 7.0. 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. 30KB of core-block markup, 5 blocks (button, buttons, group, heading, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme. Subscribe to copy it, £119 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 ### £119 a year All patterns, variations and theme downloads. What you copy is yours forever. Not for you? We refund within 14 days. Subscribe, £119 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 Editorial Article footer The close of an article: a portrait of the author beside their name, the biography under both inside a currentColor slip held to the middle half of the measure, and the previous and the next post hanging off the two outer edges so the section reads as a doorway rather than a footer. The name, the biography and the two neighbours are dynamic core blocks, so they are the post's own and the preview here is sample data; the portrait is an ordinary image block you swap for your author's own. The previous and next links only resolve on a single post template, which is where this pattern belongs. (https://patternpaste.com/pattern/article-footer.html)Stats Stat callout A high-impact framed spotlight plaque: a central marquee figure and bold executive statement sit above a ruled three-part corroboration shelf enclosed within the same 1px currentColor architectural frame. States no colour and no font of its own. (https://patternpaste.com/pattern/stat-callout.html)Team About day in hours An about-us story told as the business’s working day: an intro, two photographs and one action on the left, and on the right a ruled run of clock times, each time set large beside a short title and a line about what happens then. Example images included and replaceable in the editor. States no colour and no font of its own. (https://patternpaste.com/pattern/about-day-in-hours.html) #### Before you paste Requires a block theme on WordPress 7.0. 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 Timeline Access Subscription Plugin None, core blocks only Variations 2 Colour From your theme or its own palette Type From your theme or its own type Motion None Blocks button, buttons, group, heading, paragraph Presets color 6, spacing 4, font-size 1 WordPress 7.0+ Continue exploring ## Next in Timeline Explore all 17 Timeline patterns (https://patternpaste.com/patterns/timeline/)Also in How it works (https://patternpaste.com/patterns/steps/) Shot in Twenty Twenty-Five Timeline No plugin needed ### The archive as a strip A history taken in one pass: eight narrow 2:3 photographs in a single row across the whole measure, set hard against each other, each filed under a currentColor hairline with its date in wide-tracked capitals and nothing else. Timeline Preview pattern (https://patternpaste.com/pattern/timeline-strip.html) Shot in Twenty Twenty-Five Timeline No plugin needed ### Timeline ahead A timeline that runs forward: six dated entries hung on one continuous currentColor hairline, three of them behind and three still to come, with the current entry set on an inverted plate so the reader can see at a glance where the work stands. Timeline Preview pattern (https://patternpaste.com/pattern/timeline-ahead.html) Shot in Twenty Twenty-Five Timeline No plugin needed ### Timeline archive A history set as a contact sheet: eight square photographs four across in two tight rows, each filed under a currentColor hairline with the date in wide-tracked caps and three or four words of title. Timeline Preview pattern (https://patternpaste.com/pattern/timeline-archive.html)