Appointment letter checklist

What to bring to a first appointment, for a clinic, salon, practice or any business whose new customers arrive unprepared. A label, a display heading and a short introduction sit beside a card drawn as the confirmation letter: the booking's details written into ruled blanks and a checklist of empty squares. It sits in the features section; where why-choose-us-checklist ticks off what the business does, this one leaves the boxes for the customer.

The card reads as a filled-in form, not a list of tips. Each detail sits on its own ruled blank with a small label to its left (Date, Time, With, Where, Length), the value written above the line as if by hand, and a reference number in the corner. Under it, five things to bring each hang off an empty square outlined in the text colour, waiting for a tick. It is rules and outlines, not colour, so it survives any theme; on a phone the introduction stacks above the letter.

1. The details. Your own example booking, or a sample the customer recognises from your real confirmation email.
2. The list. What your customers should bring; duplicate a row for more.
3. The phone number. The tel: text-link button beside the last line.

• Typeface. The base states no font family.
• Palette. Your base ground and contrast text. The letter tries role-plate and role-plate-text, falling back to base and contrast, on a role-rule hairline; the blanks are role-rule and the boxes contrast. The label tries role-label.

• The heading. Off the ladder on purpose, a bare clamp that is 34px on a phone and 64px by 1280.
• The written values. clamp(1.0625rem, 1.4vw, 1.25rem) at 500, a step above the body so they read as filled in.

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; cards at 10px. 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. 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, plates) carries its own chain.