PharmFlow

Systematic, organized, safety-first — precision that protects patients. PharmFlow is a compact, safety-oriented design system built for pharmacy management and prescription tracking systems. Every design decision prioritizes error prevention: high-contrast drug interaction warnings, prominent dosage displays, and color-coded safety tiers. The system uses a tight 4px grid to accommodate dense pharmaceutical data without sacrificing scannability. Subtle shadows and medium radii create a clean, systematic interface that pharmacists can trust under pressure.
Color Palette
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 4pxSystematic, organized, safety-first — precision that protects patients. PharmFlow is a compact, safety-oriented design system built for pharmacy management and prescription tracking systems. Every design decision prioritizes error prevention: high-contrast drug interaction warnings, prominent dosage displays, and color-coded safety tiers. The system uses a tight 4px grid to accommodate dense pharmaceutical data without sacrificing scannability. Subtle shadows and medium radii create a clean, systematic interface that pharmacists can trust under pressure.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Inputs
Chips
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here