Design reference

Calendars — every booking screen, in one place.

The site's only live calendar, the call booker, drawn with the same `.booking-*` markup `public/booking-engine.js` builds each day and time from, plus the add-to-calendar files you get after booking. It is the calendar cousin of the forms gallery, surveys gallery, and pop-ups.

Real markup, sample times. This sample uses the same day and time styles the real one does. The times here are stand-ins, since real open times are worked out for each visitor.
Inert by design. These samples have no engine, pull no real times, and never hold a slot. Use View live to book for real.
Honest about status. The booker and the after-booking calendar links are live. The class ones are still to come.

01 Booking scheduler
02 Add-to-calendar exports

Booking scheduler

Funnels

The book-it-yourself calendar. It pulls the real open times our server works out (Eastern work hours, minus booked ones), groups them by day, and holds the one you pick when you send it. Every page shares the same calendar.

View live

30-minute call
Confirmed instantly
No back-and-forth

Good fit

You run a service shop with a live offer or ad.
Budget and timing are real enough to act on.
Weak follow-up, poor tracking, or bad leads are costing you jobs.

Probably not a fit

General marketing advice only.
No offer, budget, or sales process yet.
You want a promised number of leads before we test a thing.

July 2026

Tuesday, July 21

Times are shown in your own time. We work 9 to 5 Eastern.

Morning

Afternoon

Add-to-calendar exports

Live on booking confirmation

What comes after a booking is set. One-tap Google, Outlook, and .ics links built from the time you booked on booking/confirmed.astro.

See confirmation page

Your call is booked — add it to your calendar

A still sample. The real page turns these into working links when ?t= is present.

Calendars — every booking screen, in one place.

The site's only live calendar, the call booker, drawn with the same .booking-* markup public/booking-engine.js builds each day and time from, plus the add-to-calendar files you get after booking. It is the calendar cousin of the forms gallery, surveys gallery, and pop-ups.

Good fit

Probably not a fit

Tuesday, July 21

The site's only live calendar, the call booker, drawn with the same `.booking-*` markup `public/booking-engine.js` builds each day and time from, plus the add-to-calendar files you get after booking. It is the calendar cousin of the forms gallery, surveys gallery, and pop-ups.