Health & Fitness · 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، القابل للتعديل بالكامل في Sleek.
حول 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.
ما في الداخل
الشاشات المضمّنة
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.
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.
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.
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.
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.
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
الجمهور
لمن يناسب
حالات الاستخدام
ما يمكنك بناءه
- 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
افتح القالب
تصفح الشاشات وعاين التصميم الكامل لترى إن كان يناسب فكرتك.
- 2
استخدم هذا القالب
افتح نسختك القابلة للتعديل بالكامل في Sleek بنقرة واحدة.
- 3
عدّل بالذكاء الاصطناعي
أعد تنسيق لوحة الألوان، وغيّر التخطيطات، وأضف أو أزل شاشات بمجرد وصف ما تريد.
- 4
صدّر وانطلق
صدّر تصميمك أو سلّمه للمطوّرين، وواصل البناء نحو الإطلاق.
الأسئلة الشائعة
قوالب تطبيقات جوال ذات صلة
ابدأ بتصميم تطبيق pharmacy
استخدمه في Sleek واجعله خاصاً بك: أعد تنسيق لوحة الألوان، وعدّل أي شاشة بالذكاء الاصطناعي، وصدّر إلى كود أو Figma.
استخدم هذا القالب







