Menu place card

A wedding breakfast menu made as the card that sits on each place setting. A narrow double-ruled card stands beside a tall photograph of the table, and every course is a choice of two. It sits in the listings section beside menu-course-columns (three columns, prices on dotted leaders), menu-single-sheet (the weekday is the headline), menu-chalkboard (the board behind the counter) and price-list-treatments: none drops the prices for a paired choice.

Each course is a small label over two dishes with an italic "or" between them, centred down a card about 30rem wide, with a short centred rule between courses, so it reads as a printed card rather than a list. The last course swaps the "or" for "and" (pudding, and the cake). Dietary marks follow each dish and a key sits at the foot. The card is two nested bordered groups, an outer hairline and an inner rule inset 0.625rem. The photograph is a core/cover as a grid cell, so it stretches to the card's height on a laptop and becomes a band of at least 16rem above the card on a phone.

1. The dishes and marks. Each dish is one paragraph; duplicate a course group to add a course.
2. The photograph.
3. The note at the foot.

• Typeface. The base states no font family.
• Palette. The card is your base colour with contrast type, both rules and the short rules currentColor. Labels are on the label role. The photograph carries no veil and no type.

• The heading. The x-large rung; the "or" the large rung, italic.
• The card's width. 30rem, held by a constrained wrapper.
• The grid. minimumColumnWidth: 26rem: photograph and card side by side from 1000px wide, stacked below.

Part of the Vow Pattern Set, a couple's whole wedding website in one design language: wisteria white #f7f5fb ground, midnight #1f2240 ink, dusk #555a78 muted ink, card white #ffffff on a wisteria hairline #d9d3e6, peony #a8365a labels on light grounds and pale peony #f2b8c9 on the midnight slab. Names and headings are Didot at 400 with an italic ampersand; body, labels and buttons are Gill Sans. Buttons are square midnight rectangles or underlined peony links; cards and photographs are square. 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, cover, heading, paragraph, separator.
• The example photograph is from the WordPress.org Photo Directory (CC0).