Cerulean Feature Matrix
A professional feature showcase section designed for healthcare and clinical platforms.
Features
- Clinical aesthetic — Clean cerulean blue on white with subtle gradient overlays
- 2x3 feature grid — Six feature cards with icon circles, titles, descriptions, and action links
- Centered header — Badge + heading + description for clear information hierarchy
- Stats bar — Horizontal metrics showing hospital count, patients served, uptime, and certifications
- Hover interactions — Cards lift with shadow and border color transitions
- Full dark mode — Deep navy dark theme with lighter cerulean accents
Dependencies
@/components/vue-ui/card — Feature cards@/components/vue-ui/badge — Header badge@/components/vue-ui/separator — Section dividerlucide-vue-next — Feature icons
Customization
- Features: Edit the
features array to change icons, titles, descriptions, and links
- Stats: Modify the
stats array for your platform metrics
- Colors: Replace
#0077B6 (cerulean) with your brand blue
- Fonts: Libre Baskerville (serif headings) and Source Sans 3 (body) loaded via Google Fonts
