UI Primitives Styleguide
Visual QA of every shared component. Compare these against the approved mockups in design-references/.
1. Badge (Eyebrow Pill)
2. GradientText
Everything You Need. All in One.
Running a Clinic is Hard. Managing it Shouldn't Be.
3. Button: All Variants (Light BG)
Size: md (44px)
Size: lg (52px)
3b. Button: Dark Background Variants
4. SectionHeading (Centered)
Everything You Need to Run Your Clinic. All in One Intelligent Platform.
Medoc HMS brings together all the tools, workflows, and automation your clinic needs to deliver better care, improve efficiency, and accelerate growth.
Your Success. Our Process. A Seamless Implementation Journey.
We make the transition to Medoc HMS simple, fast, and stress-free. Our proven 5-step implementation ensures you go live with confidence.
Running a Clinic is Hard. Managing it Shouldn't Be.
From scattered patient records to manual billing and long waiting times, traditional systems slow you down and affect the quality of care.
5. Card
Appointments & Scheduling
Smart scheduling with calendar view, reminders and resources optimization.
Patient Management
Centralized patient records and lifecycle management for better care.
Reports & Analytics
Advanced reports and dashboards to track performance and make better decisions.
6. CheckItem
7. StatBand (Verified Claims)
8. CTABanner: Gradient
Let's Get Your Clinic Online, The Right Way.
Join 500+ clinics that trust Medoc HMS for their digital transformation.
8b. CTABanner: Navy
Ready to simplify your clinic operations?
Start your free trial today, no credit card required.
9. Container (this page uses it everywhere)
This content is inside a Container: max-width 1280px, px-6 mobile / px-8 desktop. Resize the browser to see the padding change.
End of styleguide. Compare each component against the approved mockups in design-references/.