Booking

A booking / appointment block — Title + Book Now button + the underlying booking-flow form. Used for service appointments, table reservations, and consultation slots.

When to use it

Service-business appointment booking
Restaurant / venue table reservations
Consultation / discovery-call booking

When not to use it

Free-form contact / message — use Contact
Product checkout — use Checkout
Login / account creation — use Login / Register

Settings

Title — text input (default: "Book a Service")

Top-of-block heading.

Button Text — text input (default: "Book Now")

Submit / open-booking-flow button label.

Colours (2-up rows)

Row 1: Button + Button Text Row 2: Field + Field Border

Button (default: dark) — primary CTA fill
Button Text (default: #fff)
Field (default: #fff)
Field Border (default: dark text colour)

Dimensions sliders (2-up grids)

Max Width — 300–900px (default: 560)
Title Size — 14–40px (default: 22)
Field Radius — 0–20px (default: 8)
Button Radius — 0–20px (default: 8)

Entrance animation

Standard widget at the bottom.

Per-device overrides

Title, Button Text, colours, sliders all have per-device values.

Common overrides:

Title Size — smaller on mobile (16–18)
Max Width — wider / 100% on mobile

Common patterns

Service appointment

Title "Book a session" · Button Text "Book Now" · Button dark · Field Radius 8 · Button Radius 8 · Max Width 560 · Title Size 28.

Restaurant reservation

Title "Reserve a table" · Button Text "Reserve" · Field Radius 12 · Button Radius 999 (pill) · Max Width 480.

Consultation slot

Title "Schedule a call" · Button Text "Pick a time" · Compact sizing — Title Size 18 · Max Width 360.

blocks/contact — for free-form enquiries (no calendar)
blocks/products — when the booking is paid up-front (use

Products + Checkout instead)

blocks/checkout — for paid booking flow