跳到主要内容

Calm Clinic

Healthcare Mobile App Design Templates

Cura is a telehealth and care-management app design with a Calm Clinic look, built for founders and designers shipping a healthcare product.

Healthcare app home screen with upcoming appointment card and quick actions
Healthcare app find a doctor screen with search and doctor cards
Healthcare app appointment booking screen with date and time-slot picker

探索各界面

预览 healthcare 移动应用设计,可在 Sleek 中完整编辑。

Healthcare app home screen with upcoming appointment card and quick actions
Healthcare app find a doctor screen with search and doctor cards
Healthcare app appointment booking screen with date and time-slot picker
Health Records第 4 屏
Chat第 5 屏
Prescriptions第 6 屏

关于 Healthcare App

Cura is a healthcare mobile app design template built on a "Calm Clinic" aesthetic: a soft white canvas, deep slate text, cool grey metadata, and a trustworthy teal-blue reserved for primary actions and active states. Soft green appears only on positive health states like "Normal" and "Optimal". Rounded cards float on the background with gentle shadows and no hard borders, so every screen reads as organized and reassuring rather than cold or clinical.

The template ships six connected screens that form a complete care flow: a Home with a greeting and upcoming-appointment card, a Find a Doctor list with search and specialty filters, an Appointment booking screen with a date and time-slot picker, a Health Records dashboard of vitals and lab results, a secure Chat with a care provider, and a Prescriptions screen with dosage, refills, and reorder. A flat bottom tab bar ties Home, Doctors, Records, and Chat together with a teal active state.

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 into a working app, all far faster than starting from a blank canvas.

包含的界面

01

Home

A warm greeting ('Hello, Daniel') over a prominent upcoming-appointment card with the doctor's photo, specialty, and 'Join Now' or 'Reschedule' actions, plus a quick-action row for Book, Chat, Records, and Rx. The home base that surfaces the next visit at a glance.

02

Find a Doctor

A search bar with specialty filter chips above doctor cards showing photo, name, specialty, star rating, and next availability with a 'Book Visit' button. The discovery surface for choosing a provider.

03

Appointment

A doctor profile with experience and review stats, a weekday date picker, available time slots, and a full-width 'Confirm Appointment' button. The booking flow that turns a choice into a scheduled visit.

04

Health Records

Calm stat cards for blood pressure, heart rate, weight, and BMI with normal/optimal status pills, plus a recent lab results list. The dashboard where patients track their vitals over time.

05

Chat

A secure conversation with Dr. Sarah Chen showing an online status, timestamped message bubbles, read receipts, and a call button in the header. The messaging surface for direct provider contact.

06

Prescriptions

Active medication cards listing dosage, frequency, refills remaining, and a 'Request Reorder' button, with an 'Ask Doctor' action when a renewal is needed. The screen that keeps refills on track.

核心功能

  • Calm Clinic aesthetic: soft white, slate ink, trustworthy teal-blue accent
  • Soft green status pills reserved for positive health states
  • 18px rounded cards floating with gentle shadows, no hard borders
  • Flat bottom tab bar with a teal active state
  • Upcoming-appointment card with join and reschedule actions
  • Find-a-doctor list with search, specialty filters, and ratings
  • Booking flow with date picker and available time slots
  • Vitals dashboard, secure chat, and prescription reorder screens

适合谁

Founders validating a telehealth or care-management MVP
Product designers needing a healthcare app starting point
Indie developers building a doctor-booking or patient app
HealthTech teams prototyping a patient experience

你可以做什么

  • Launch an MVP for a telehealth or patient app
  • Mock up screens for an investor or stakeholder pitch
  • Hand a consistent healthcare UI off to developers
  • Explore a redesign of an existing patient portal

如何使用此模板

  1. 1

    打开模板

    浏览各界面并预览完整设计,看看是否契合你的想法。

  2. 2

    使用此模板

    一键在 Sleek 中打开你自己的完全可编辑副本。

  3. 3

    用 AI 编辑

    只需描述你想要的效果,就能重设配色、改布局、增删界面。

  4. 4

    导出并上线

    导出设计或交给开发者,继续推进上线。

有问必答。 开始之前你需要了解的一切。

How do I build a healthcare app from this template?
Click "Use this template" to open it in Sleek as your own editable project, then shape it by describing the changes you want: restyle the palette, edit any screen, and add the flows your product needs. You start from six complete screens instead of a blank canvas, so you reach a working healthcare app design far faster.
What screens are included in this healthcare app design template?
Six connected screens: Home, Find a Doctor, Appointment booking, Health Records, secure Chat, and Prescriptions. Together they cover the core flow of a patient app, from finding a doctor and booking a visit to tracking vitals, messaging a provider, and reordering medications.
Can I customize the healthcare app UI design?
Yes. Use the template in Sleek and edit any screen by chatting with the AI: restyle the teal-blue palette, change layouts, and add or remove flows. There's no manual redraw; you describe the change and it's applied.
Is this template suitable for a telehealth or doctor-booking app?
Absolutely. The find-a-doctor list, appointment booking, secure chat, and records screens map cleanly onto telehealth, primary care, and specialist-booking products. Adjust the content and specialties to fit your niche.
Can I export the design to code or Figma?
Yes. Sleek exports your design as code, copies straight into Figma with no plugin, or hands you a ready-made prompt that an AI agent like Claude Code or Cursor can use to build it into a real, working app.
Is this healthcare app design template free to use?
You can open and explore the design for free, then use it in your own Sleek project to build on it. Editing and exporting follow Sleek's standard plans.

还有其他问题?请发邮件至 support@sleek.design。

开始设计你的 healthcare 应用

在 Sleek 中使用并改成你的:重设配色、用 AI 编辑任意界面,再导出为代码或 Figma。