Wordmark — sizes
The horizontal wordmark scales linearly with parent font-size.
xs
sltdsm
sltdmd
sltdlg
sltdxl
sltd2xl
sltdStacked
With tagline beneath the wordmark.
On surfaces
The wordmark adapts via currentColor to any text color; the accent resolves per theme.
App icons
Three variants — the slot block alone (dark / accent) and the clock-O motif (light).
Dark — default
Light — clock-O
Accent — chalk slot
React component
24px
32px
48px
64px
96px
Palette
Cobalt is the brand accent and resolves per theme; green is reserved for availability. Everything else is grayscale.
night
#0A1018
Page background
coal
#19222F
Secondary surface
paper
#131B26
Card surface
mist
#26313F
Hairline border
graphite
#BEC7D4
Secondary text
chalk
#F2F5F9
Primary fg
slot
#5B8DEF
Primary accent — on dark
slot-deep
#7DA6F5
Hover / pressed — on dark
slot (light)
#1D4ED8
Primary accent — on light
ok
#10B981
Open · confirmed · paid
Typography
Display + Wordmark · Space Grotesk 600 · −4% tracking
Booking, but built for show-up rates.
Body · Geist
Slot'd is the appointment platform for service providers who care about every slot. Set your availability once, share a link, and let clients book directly into your calendar — with reminders, payments, and confirmations handled.
Figures · Geist Mono · tabular
11:00 AM
$39 / mo
92%
May 23
Slot block — in context
The brand symbol used as a UI motif for selected/booked appointments.
9AM
10AM
12PM
1PM