Cardinal Healthcare Features
A clean, clinical feature section designed for healthcare and medtech platforms.
Features
- 3x2 feature grid — Six feature cards with icons, tags, and descriptions
- Red accent system — Crimson underline, hover borders, and icon containers
- Left-aligned header — Section title with red underline accent bar
- Hover elevation — Cards lift and reveal a left accent bar on hover
- Bottom stats row — Provider count, records, uptime, and certification
- DM Sans + Source Serif 4 — Clean sans headings with serif descriptions
- Light/dark mode — WCAG AA compliant in both themes
Dependencies
lucide-vue-next — Heart, Shield, Clock, FileText, Activity, Stethoscope icons
@/components/vue-ui/card — Shadcn-Vue Card components
@/components/vue-ui/badge — Shadcn-Vue Badge
@/components/vue-ui/separator — Shadcn-Vue Separator
Customization
- Features: Modify the
features array with your own feature set
- Colors: Swap red accents for your brand's primary color
- Stats: Update the bottom row with your own metrics
- Grid: Change to 2-column or 4-column layout as needed