Home
DESIGN.mdStar on GitHub

The better way to
schedule your meetings

Fully customizable scheduling software for individuals, businesses, and developers building scheduling platforms.

Colors
Ink & surfaces
Text
Semantic
Typography
Cal Sans
Display · 54px
Smarter, simpler scheduling
Cal Sans
Cal Sans
Event title · 23px
30 Min Meeting
Cal Sans
Manrope / 600
UI · 14px
Select a Date & Time
Manrope
Manrope / 400
Body · 14px
Share your link, let people pick a time that works, and the meeting lands on both calendars automatically.
Manrope
Fragment Mono
Meta · 12px
30m · Cal Video · Asia/Kolkata (GMT+5:30)
Fragment Mono
Signature · Booking page
SC
Sarah Chen
30 Min Meeting
30 min
Cal Video
Asia/Kolkata
A quick 30-minute call to talk through your project and see if we're a fit.
July 2026
SunMonTueWedThuFriSat
Wed 08

This meeting is scheduled

We emailed you and Sarah Chen a calendar invitation.
What
30 Min Meeting between Sarah Chen and you
When
Wednesday, July 8, 2026 · 9:00am – 9:30am
Where
Cal Video (link in invite)
Components
Buttons
Event locations
Cal Video Google Meet Zoom In person
● Available Unavailable
Booking link (input)
your personal scheduling link
Radius
slot · 8
card · 16
avatar · full
Guardrails
Do
Keep it monochrome — ink on white (and the clean inverse on dark). Let type & spacing carry it.
Set every heading and event title in Cal Sans; use Manrope for everything functional.
Protect the flow: event → select a date → pick a time → confirm.
Use real Cal vocabulary: 30 Min Meeting, Cal Video, Select a Date & Time.
Don't
Introduce brand color unless it's the user's configured accent — the default is black & white.
Add decorative gradients, illustrations, or heavy shadows — Cal.com is quiet by design.
Break the slot → Confirm interaction or bury the primary action.
Mix type roles — Cal Sans is display only; body stays in Manrope.