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.



미리보기
화면 살펴보기
Sleek에서 완전히 편집 가능한 appointment booking 모바일 앱 디자인을 미리 보세요.
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.
구성 내용
포함된 화면
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.
디자인 & 기능
주요 기능
- 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
오디언스
이런 분께 맞습니다
활용 사례
이런 것을 만들 수 있습니다
- 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
이 템플릿 사용 방법
- 1
템플릿 열기
화면을 둘러보고 전체 디자인을 미리 보며 아이디어에 맞는지 확인해 보세요.
- 2
이 템플릿 사용
한 번의 클릭으로 Sleek에서 완전히 편집 가능한 사본을 엽니다.
- 3
AI로 편집
원하는 것을 설명하기만 하면 팔레트 재스타일, 레이아웃 변경, 화면 추가·삭제가 가능합니다.
- 4
내보내고 출시
디자인을 내보내거나 개발자에게 넘기고, 출시를 향해 계속 만들어가세요.
자주 묻는 질문
appointment booking 앱 디자인 시작하기
Sleek에서 사용해 내 것으로 만드세요. 팔레트를 다시 스타일링하고, AI로 어떤 화면이든 편집한 뒤 코드나 Figma로 내보내세요.
이 템플릿 사용







