Gift voucher ticket

A gift voucher offer drawn as the voucher itself: a ticket with a stub for the value and a body saying what it buys and how to get one. It sits in the call-to-action section beside the other asks, with one button.

One card, torn in two by a dashed perforation. The stub carries the value at display size; the body says what it buys and how to get one, with one button. The perforation is the body column's dashed left border, so it runs the ticket's full height, and the two columns do not stack on a phone, so the ticket stays a ticket at every width.

1. The value. Your usual amount.
2. What it buys. Your menu, in a line.
3. The link. #gift-voucher.

• Typeface. The base states no font family.
• Palette. The ticket tries role-plate and role-plate-text, outlined and perforated in contrast; the label tries role-label.
• Buttons. Your theme's button with a stated padding.

• The value. Off the ladder on purpose: clamp(2.25rem, 7vw, 5rem).
• The heading. The x-large rung.

Part of the Crumb Pattern Set, one café's whole site in one design language: oat ground #f4ecdf, espresso ink #2b1d16, muted cocoa #5c4a3f, milk cards #fbf7f0 on oat hairlines #dccfbf, terracotta #b3462d labels and peach #e8a27c on the espresso slab. Headings are Georgia at 400, body, labels and buttons Helvetica; buttons are espresso pills or underlined links, cards and photographs rounded at 14px. 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, columns, column, 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, plates) carries its own chain.