Plushealthtech/Design.MD

Plus Health Tech - Brand & UI Design System

Brand Identity

Plus Health Tech specializes in interoperable Clinical Decision Support (CDS), advanced Patient Management software, and cutting-edge Veterinarian tech solutions. The brand identity radiates trust, clinical precision, seamless data interoperability, and compassionate care.

Color Palette

• Primary Teal (Brand Core): #1c8098 (Used for primary buttons, core headers, and key interactive elements)
• Dark Slate (Text & Neutrals): #0f172a (Primary text and high-contrast surfaces)
• Soft Background (Light Theme): #f8fafc (Page background, cards, and clean sections)
• Accent Cyan/Blue: #0ea5e9 (Highlights, links, and secondary accents)
• Veterinary Emerald (Sub-brand/Vet Section): #0d9488 (Accents for veterinary care products)

Typography

• Font Family: Inter, system-ui, -apple-system, sans-serif
• Headings: Bold to Extra-Bold, tight letter spacing (tracking-tight)
• Body Text: Regular (400) and Medium (500), optimized for readability at 16px base size.

UI Components & Layout Guidelines

• Navigation: Sticky top header with glassmorphism blur backdrop (backdrop-blur-md), featuring clear navigation links and a primary CTA.
• Hero Section: Asymmetric split-screen layout displaying strong value proposition, trust badges, and interactive product preview.
• Cards & Containers: Rounded corners (rounded-2xl), subtle borders (border-slate-100), and soft elevation shadows (shadow-sm to shadow-xl).
• Buttons: Fully rounded or softly curved (rounded-xl), featuring smooth hover transitions and focus rings.