Productivity · Crisp Clinic White
Appointment Booking App Design Template
Slate is an appointment booking app design with a crisp clinic-white look and a signature notched-ticket motif, built for anyone shipping a scheduling or doctor-booking product.



Aperçu
Explorer les écrans
Prévisualisez le design d'app mobile appointment booking, entièrement modifiable dans Sleek.
À propos de Appointment Booking App
Slate is an appointment booking app design template built around a "Crisp Clinic White" look: a warm paper-white base, near-black ink for text, and a precise teal reserved only for confirmed slots and the primary book button. Surfaces are tonal slate panels separated by hairline rules, with crisp 1px-bordered cards and a left teal accent bar for active states. The standout idea is the notched-ticket motif, where every confirmed booking and time chip reads like a torn ticket stub for the quiet satisfaction of a locked-in plan.
The template ships six connected screens that form a complete booking flow: a Home greeting with the next appointment and service categories, a Provider detail page with rating and services, a Select Slot time picker with snapping chips, a Review screen with a service ticket and calendar toggle, a My Bookings list with status badges, and a Profile with payments and reminders. Times and dates align perfectly in a tabular numeric face, so the whole UI feels orderly and trustworthy.
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, a far faster start than a blank canvas.
Ce qu'il y a dedans
Écrans inclus
Home
A "Good morning, Priya" greeting with an "Up Next" confirmed appointment card showing the doctor, clinic, and time, plus Reschedule and Cancel actions and an Expertise row for Salon, Dental, Wellness, and Consult. The entry point that surfaces the next visit at a glance.
Provider detail
A photo header of the clinic, a dermatology tag, a 4.8 rating with review count, and an Available Services list with durations and prices, topped by a teal "Reserve" button. This is where users pick a service before booking.
Select Slot
A horizontal date strip for January 2025 with a selected day, then morning and afternoon session chips that snap to a filled teal block, with unavailable times greyed out and a sticky selection summary and "Confirm" button. The signature time-picker that makes choosing a slot quick.
Review
A teal service-ticket summary with the notched edge showing practitioner, scheduled date, arrival time, duration, and total fee, plus Sync Calendar and Smart Reminders toggles and a "Finalize Appointment" button. Confirms every detail before committing.
My Bookings
Upcoming and History tabs listing each appointment as a ticket-stub card with status badges like Confirmed Arrival, Pending Approval, and Action Required. Keeps every visit and its state in one organized view.
Profile
An avatar with member status, historical and active booking counts as hero numbers, and a Management list for Payments, Notifications, and Privacy. The account hub for settings and booking history.
Design et fonctionnalités
Fonctionnalités clés
- Crisp Clinic White aesthetic: warm paper base, ink text, one teal accent
- Signature notched-ticket motif on confirmed booking cards
- Snapping time-chip rail for morning and afternoon slots
- Tabular numeric dates and times that align in columns
- Tonal slate panels with hairline rules and crisp 1px borders
- Status badges for Confirmed, Pending, and Action Required
- Fixed bottom navigation with line icons that fill teal when active
- Review ticket with calendar sync and smart reminder toggles
Public
Pour qui c'est fait
Cas d'usage
Ce que vous pouvez créer
- Launch an MVP for a doctor or clinic appointment booking app
- Mock up screens for an investor or stakeholder pitch
- Hand a consistent booking UI off to developers
- Explore a redesign of an existing scheduling product
Comment utiliser ce template
- 1
Ouvrir le template
Parcourez les écrans et prévisualisez le design complet pour voir s'il correspond à votre idée.
- 2
Utiliser ce template
Ouvrez votre propre copie entièrement modifiable dans Sleek en un clic.
- 3
Modifier avec l'IA
Restylez la palette, changez les mises en page, et ajoutez ou supprimez des écrans simplement en décrivant ce que vous voulez.
- 4
Exportez et lancez
Exportez votre design ou confiez-le aux développeurs, et poursuivez le développement jusqu'au lancement.
Questions fréquentes
Templates d'apps mobiles associés
Commencez à designer votre app appointment booking
Utilisez-le dans Sleek et faites-en le vôtre : restylez la palette, modifiez n'importe quel écran avec l'IA, et exportez en code ou Figma.
Utiliser ce template







