Health & Fitness · Clinical Calm
Telehealth App Design Template
Calla Health is a video-visit telehealth app design with a Clinical Calm look, built for founders and designers shipping a virtual-care product.



미리보기
화면 살펴보기
Sleek에서 완전히 편집 가능한 telehealth 모바일 앱 디자인을 미리 보세요.
Telehealth App 소개
Calla Health is a telehealth app design template built around a "Clinical Calm" aesthetic: a soft warm-white base, deep-teal headers for trust, healing sage for confirmations and online status, and a single warm coral reserved for the primary "Join Video Visit" action. Surfaces are flat tinted panels separated by generous whitespace and rounded corners, so depth comes from gentle color layering instead of heavy shadows. It feels like the reassurance of a calm doctor's office, never a sterile hospital blue.
The template ships seven connected screens that form a complete virtual-care flow: a personalised Home with an upcoming-appointment card and live vitals, a Find a Doctor search with filter chips and rated provider cards, a Provider detail with credentials and visit fee, a full-frame Video Visit with in-call notes, a Prescriptions screen with refill requests, a chronological Records timeline with flagged lab values, and a Profile holding the insurance card on file. A recurring "vitals ribbon" of pill-shaped live readings (heart rate, blood pressure, temperature) ties the home, visit, and record screens together.
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, far faster than starting from a blank canvas.
구성 내용
포함된 화면
Home
A warm "Good morning, Daniel" greeting with an upcoming-appointment card for Dr. Amara Okafor, a coral "Join Video Visit" button, a live Health Snapshot showing heart rate and blood pressure, and quick-action tiles.
Find a Doctor
A search bar with "All", "Available Now", and "In-Network" filter chips above provider cards showing photo, specialty, star rating, a sage online-now dot, and next availability.
Provider Detail
A large photographic hero of Dr. Amara Okafor with an "Online Now" pill, credentials, $40 visit fee, rating and experience stats, a biography, and a full-width coral "Book Video Visit" button.
Video Visit
A full-frame doctor video with a self-view inset, a "Secure Live" pill and call timer, mute, camera and end-call controls, and a slide-up Visit Notes panel carrying the vitals ribbon.
Prescriptions
Active and refill count tiles above ongoing medication cards listing dosage, pharmacy location, and refill status, each with a "Request Refill" button.
Records
A Timeline, Labs and Images tabbed view showing a chronological history of visits and lab panels, with flagged values in coral and downloadable summary PDFs.
Profile
A member header with photo and location, a teal primary-coverage insurance card showing plan, group and copay, and an Account section linking to payments.
디자인 & 기능
주요 기능
- Clinical Calm aesthetic: warm white, deep teal, sage, one coral accent
- Tonal-stack panels with rounded corners and minimal shadow
- Signature vitals ribbon of live pill-shaped readings with sparklines
- Grounded bottom nav with line icons and a coral active dot
- Provider cards with photo, rating, and online-now status
- Full-frame video visit with self-view, timer, and in-call notes
- Prescription cards with pharmacy details and refill requests
- Records timeline with coral-flagged lab values and PDF summaries
오디언스
이런 분께 맞습니다
활용 사례
이런 것을 만들 수 있습니다
- Launch an MVP for a virtual-care or telemedicine product
- Mock up screens for an investor or stakeholder pitch
- Hand a consistent healthcare UI off to developers
- Explore a redesign of an existing telehealth app
이 템플릿 사용 방법
- 1
템플릿 열기
화면을 둘러보고 전체 디자인을 미리 보며 아이디어에 맞는지 확인해 보세요.
- 2
이 템플릿 사용
한 번의 클릭으로 Sleek에서 완전히 편집 가능한 사본을 엽니다.
- 3
AI로 편집
원하는 것을 설명하기만 하면 팔레트 재스타일, 레이아웃 변경, 화면 추가·삭제가 가능합니다.
- 4
내보내고 출시
디자인을 내보내거나 개발자에게 넘기고, 출시를 향해 계속 만들어가세요.
자주 묻는 질문
telehealth 앱 디자인 시작하기
Sleek에서 사용해 내 것으로 만드세요. 팔레트를 다시 스타일링하고, AI로 어떤 화면이든 편집한 뒤 코드나 Figma로 내보내세요.
이 템플릿 사용







