Clinician week rota

Who is in, and when, for a clinic, salon or practice where the customer books a person rather than a slot. A label, a display heading and a short introduction sit over a ruled grid of six days by three sittings, with the first names of whoever is working in each cell, then a note and a button. It sits in the team section beside team-small-business, which says who the people are; this one says when you can see them.

The rota is the team page's second view of the same people: days down the side, early, day and evening across the top, and each cell a short stack of first names. Reading down a column shows every evening Daniel works; reading along a row shows who is in on a Tuesday. A heavier rule under the sittings and hairlines between the days make it a printed rota, not a table of data. The grid states a column count, so its four columns keep their row on a phone, the names stacking inside each cell.

1. The names. Type who works each sitting; delete a name or add one by duplicating it. A shut sitting says Closed.
2. The sittings. Rename them and their hours to match your day.
3. The note and the link. #book.

• Typeface. The base states no font family.
• Palette. Your base ground and contrast text; the label tries role-label and the hairlines role-rule, falling back to contrast, and the rule under the sittings is contrast.
• Buttons. Your theme's button with a stated padding for a 44px target.

• The heading. Off the ladder on purpose, a bare clamp that is 34px on a phone and 64px by 1280.
• The names. clamp(0.9375rem, 1.3vw, 1.25rem), so four columns fit a phone.

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, 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. 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.

• 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) carries its own chain.