跳到主要内容

Clinical Mint Calm

Pharmacy App UI Design Template

Vela Rx is a pharmacy app design with a calm clinical-mint look and prescription-label cards, built for founders and designers shipping a medication or online-pharmacy product.

Pharmacy app home screen with refill-due banner and prescription cards with refill rings
Pharmacy app medication detail screen for Atorvastatin with bottle image and order refill button
Pharmacy app review order screen with delivery toggle and copay breakdown

探索各界面

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

Pharmacy app home screen with refill-due banner and prescription cards with refill rings
Pharmacy app medication detail screen for Atorvastatin with bottle image and order refill button
Pharmacy app review order screen with delivery toggle and copay breakdown
Reminders第 4 屏
Pharmacist Chat第 5 屏
Profile & Health第 6 屏

关于 Pharmacy App

Vela Rx is a pharmacy app UI design template built around a "Clinical Mint Calm" look: a cool paper-white base, deep slate text, mint reserved as the trust accent, and warm coral used only for refill-due alerts and the primary order action. Mint signals safety and coral signals attention, never mixed, so every screen reads like a calm, capable pharmacist's counter rather than an alarm.

The template ships six connected screens that form a complete pharmacy flow. Each medication appears as a faux prescription label card with a tracked-out uppercase drug name, a dosage line, and a circular refill-progress ring that fills mint and turns coral when a refill is due. You get a personalized home with a refill-due banner and prescription stack, a medication detail with bottle image and prescriber info, a refill order with copay breakdown and pickup-or-delivery toggle, a daily reminders timeline with an adherence streak, a pharmacist chat with quick-reply chips, and a profile with insurance card, allergies, and refill history.

Use it in Sleek and make it your own: 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 with no plugin, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.

包含的界面

01

Home

A personalized greeting ('Hi, Daniel') with a coral 'Refill due soon' banner and an 'Order Now' button, above a stack of prescription cards with circular refill rings showing pills left for each medication. It surfaces the most urgent action first.

02

Medication Detail

A large pill-bottle product shot with the drug class, name, and dosage, plus quantity, refills left, dose, schedule, and prescriber, anchored by a coral 'Order Refill' button. It gives patients the full prescription context at a glance.

03

Review Order

A three-step cart-to-done progress tracker with a quantity stepper, pickup-versus-delivery toggle, pharmacy location and ETA, and a copay breakdown showing medicine cost, insurance coverage, and estimated copay. It makes the refill cost transparent before checkout.

04

Reminders

A daily dose timeline grouped by time of day with checkable medication chips and a 14-day adherence streak badge. It helps patients stay on schedule and build a habit.

05

Pharmacist Chat

A message thread with a pharmacist avatar and online status, mint and white message bubbles, and quick-reply chips like 'Side effects?' and 'Can I take with food?'. It puts professional guidance one tap away.

06

Profile & Health

A profile card with avatar and membership info, a primary insurance card with member ID and copay, allergy tags, an active prescription count, and recent refill history. It keeps a patient's health record in one place.

核心功能

  • Clinical Mint Calm palette: paper white, slate ink, mint trust accent, coral for alerts
  • Prescription 'label card' for every medication with tracked-out uppercase names
  • Circular refill-progress ring that fills mint and turns coral when due
  • Tonal-stack surfaces with mint-tinted fills and hairline rules instead of shadows
  • Tabular lining numerals so quantities, refills, and prices align like a real label
  • Floating bottom nav with the active icon lifting into a filled mint pill
  • Copay breakdown with pickup-versus-delivery toggle and ETA
  • Daily reminders timeline with checkable dose chips and adherence streak

适合谁

Founders validating an online-pharmacy or medication-delivery MVP
Product designers needing a pharmacy app starting point
Indie developers building a prescription-refill or adherence app
Digital health teams prototyping a pharmacy experience

你可以做什么

  • Launch an MVP for an online pharmacy or refill service
  • Mock up screens for an investor or stakeholder pitch
  • Hand a complete, consistent pharmacy UI off to developers
  • Explore a redesign of an existing medication or pharmacy app

如何使用此模板

  1. 1

    打开模板

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

  2. 2

    使用此模板

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

  3. 3

    用 AI 编辑

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

  4. 4

    导出并上线

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

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

How do I build a pharmacy 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 pharmacy app design far faster.
What screens are included in this pharmacy app UI design?
Six connected screens: Home with refill alerts, Medication Detail, Review Order with copay breakdown, Reminders timeline, Pharmacist Chat, and Profile & Health. Together they cover the core pharmacy flow, from tracking prescriptions to ordering refills and chatting with a pharmacist.
Can I customize the pharmacy app UI?
Yes. Use the template in Sleek and edit any screen by chatting with the AI: change the mint and coral palette, adjust the label-card layouts, and add or remove flows. There's no manual redraw; you describe the change and it's applied.
Is this pharmacy 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.
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 template suitable for an online pharmacy or medication-delivery app?
Absolutely. The refill order screen with pickup-versus-delivery toggle, copay breakdown, and ETA maps cleanly onto online pharmacy and delivery products. Adjust the medications, pricing, and fulfillment options to fit your service.

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

开始设计你的 pharmacy 应用

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