Tabletica medical app
Last Updated on August 22, 2026 by Editorial Team
Medical app Sketch template, that includes awesome icons. Created by Shourav Chowdhury
The screen captured here is the category browser for Tabletica, a medical app concept shown tilted in perspective on a white smartphone against a warm coral background. It is the kind of home screen a pharmacy or telehealth app needs most: a clean grid of tappable categories that lets a patient jump straight to what they came for, whether that is ordering a prescription, booking a home service, or finding the nearest hospital. The layout does the heavy lifting of information architecture before a single line of code gets written, which is exactly why a template like this is worth studying even if you never touch the original file.
Visually, the app leans on a soft, approachable palette rather than the clinical blue-and-white so many health products default to. The coral backdrop gives the mockup energy and warmth, while the interface itself stays almost entirely white and light gray, letting a single accent color, a warm orange-red, carry all the meaning. That accent shows up in the “Tabletica” wordmark, in the section header text, and most importantly in the icon set that fills the nine-tile grid. Each icon is drawn in a consistent thin outline style with a shared stroke weight and rounded corners, so even though the subjects vary widely, from a stethoscope to an ambulance to a nurse’s cap, they read as one cohesive family rather than a mismatched pile of clipart.
That icon set is really the star of this template. Prescription, Health Care, Hospital, Medicine, Consultancy, Online Purchase, Ambulance, Nursing Facility, Home Service, and Emergency are all represented as small, instantly legible pictograms sitting inside soft white cards with a light drop shadow. This kind of medical icon pack is genuinely reusable outside the exact app it was built for. Anyone building a healthcare UI kit, a clinic website, a pharmacy delivery app, or even a set of onboarding illustrations for a wellness product can pull these icons out and drop them into a different layout without redrawing anything.
Adapting the Category Grid
If you are customizing this screen for your own project, start with the grid itself before touching color. The nine-card layout is built on a simple three-column structure, so it scales cleanly if you need to add or remove categories, just keep the card padding and corner radius consistent so the icons don’t feel cramped. When you swap in your own service names, keep labels short, one or two words, since the cards are compact and long text will wrap awkwardly under the icon.
Recoloring is straightforward because the interface relies on so few hues. Change the single accent color and the wordmark, icon strokes, and any highlighted text update together, giving you an instant rebrand without hunting through dozens of separate elements. If your brand uses a cooler palette, swapping the coral background for a soft teal or navy still works, since the white cards and outline icons are neutral enough to sit on almost any backdrop. For a more clinical feel, you could mute the background to a pale gray while keeping the orange accent for warmth and trust cues.
Consider how this category screen pairs with the rest of a typical health app flow. It sits naturally after a splash or login screen and before individual category detail pages, so if you are assembling a full prototype, use this grid as the hub that other screens branch from: a medicine list, a doctor consultation booking flow, an emergency contact screen. Pairing the icon set with matching illustration-style empty states or onboarding graphics in the same line weight will keep the whole product feeling like one designed system rather than a collection of borrowed parts.
This kind of asset suits designers prototyping pharmacy delivery apps, telemedicine platforms, hospital wayfinding apps, or even internal healthcare admin tools that need a friendly, non-intimidating visual language. It’s equally useful as a reference for icon consistency: studying how each pictogram in the set shares the same stroke width, corner treatment, and visual weight is a quick lesson in building your own icon family for any vertical, not just medical.
