PillGuard AI

HTML/Tailwind Prototype

Medication Compliance App

A mobile-first healthcare application designed for elderly users (65+), featuring AI-powered pill verification, medication reminders, and caregiver connectivity.

Mobile-First WCAG AA Dark Mode 56px Touch Targets
CRITICAL

Core Alarm Flow

HIGH

Core App Screens

COMPONENTS

Reusable UI Components

Design Specifications

Colors

Primary - #0891B2
Success - #22C55E
Alarm - #F97316
Error - #EF4444

Typography

Font: System UI Stack

Base size: 16px

Headings: Bold weight

Body: Regular weight

Touch Targets

Minimum: 44x44px

Primary buttons: 56px height

Alarm buttons: 64-72px

Tab bar icons: 64px wide