# 51 One-Page Business Card

**Philosophy and fit.** A whole business, clearly expressed on a single page. Built for sole proprietor, piano tuning, independent services. The visitor’s next step is to enquire.

**Visual grammar.** Use a cream and oxblood typographic calling card. Preserve the hierarchy of service essentials, direct contact, short enquiry; these patterns solve this business’s actual decision, rather than supplying interchangeable decoration.

**Sample and interaction.** Elias Reed / Piano care is a fictional demonstration. The entry page establishes a complete visual direction, with send an enquiry and enquiry summary as supporting states. Inputs use local deterministic fixtures; no request, order, application or payment is sent.

**Responsive behaviour.** On a phone, keep the primary decision first, stack facts with explicit labels, preserve the order of the workflow, and provide comfortably sized controls. Wide diagrams scale; tabular facts retain their labels.

**Adaptation.** Replace the fictional brand, prices, availability, qualifications and claims with verified client information. Preserve service essentials, direct contact, short enquiry. Use imagery to explain the place, people, work or product, with deliberate crops and honest captions. Do not turn this into a generic hero-and-card layout.

## Commercial and content patterns

- Service essentials
- Direct contact
- Short enquiry

## Routes

- Entry: /preview/51-one-page-business-card/start
- Send an enquiry: /preview/51-one-page-business-card/enquire
- Enquiry summary: /preview/51-one-page-business-card/thanks

## Reference and adaptation

- Page scope: One page.
- Distinct composition: cream and oxblood typographic calling card.
- Typography: Libre Baskerville / DM Sans.
- Tokens: page #f3eee4, ink #291e1b, accent #773c34.
- Keep the whole business within a compact calling-card composition. Unlike Local Trades, this is one named specialist, a short service list and direct contact rather than a service catalogue.
- Use the native inputs and labelled states in Demo.vue as interaction references. Replace local fixtures with real validation, availability and backend behaviour in the destination application.

## Assets

All brands and fixture data are fictional. Original SVG diagrams are source-native. Commercial photos are illustrative and are documented in [asset provenance](../../../docs/COMMERCIAL_ASSETS.md); do not present them as evidence of a real business or rename a stock subject as actual staff. See the public commercial asset manifest for URLs, checksums and cropping guidance.