Overview
The principles, foundations, and building blocks behind the Mediquo experience.
The Mediquo Design System is the shared language that keeps every surface — web components, native apps, and marketing — consistent, accessible, and unmistakably Mediquo.
Explore the system
Voice & tone
How we sound: clear, warm, and trustworthy.
Color
The palette and how to apply it across surfaces.
Typography
Type scale, fonts, and how text holds together.
Components
Each primitive has a playground: the component running, its props on controls, and the markup for whatever you set them to.
Button
Starts an action, or navigates when it is a link.
Dialog
A modal window for a task or decision that needs the patient's full attention.
OTP input
The field a patient types a verification code into.
Tabs
Switches between sibling panels without leaving the page.
Textarea
A multi-line field that grows with what the patient writes.
The primitives live in @mediquo/ui.