Concept build · sample content · designed & coded by Cockroach Studio← All workHire me
Design study · Scheduling

Scheduling, open-source.

Mono-black, generous rounding.

Minimal
Aesthetic
Book
Interaction
Next.js
Built with
Why choose us

What makes Cal.com different

The palette

Cal.com's signature colours, surfaces and contrast — rebuilt token-for-token.

The type & feel

Calendar-minimal, all black.

The interaction

A working booking flow, dropped into the theme by config.

Try it live

Book a session

A fully interactive demo — go ahead, click around.

1 · Choose a service

2 · Pick a date

3 · Select a slot

Gallery

A look inside

Hero
Features
Pricing
Footer
Calendar-minimal, all black.
Design note, In the visual language of Cal.com
About this build

Cal.com demonstrates a real booking flow — service select, a date strip, time slots and a confirmation step, all in client state.

Designed and coded by Cockroach Studio as a concept build. The branding, copy and data are sample content — the interaction is the real thing. Want this for your business? I build the actual product: custom, fast, and yours.

Independent design study — an homage to Cal.com's public visual language, built to demonstrate range. Not affiliated with, sponsored by, or endorsed by Cal.com.

Booking flowNext.jsTypeScriptTailwind CSS