23 lines
1.6 KiB
Markdown
23 lines
1.6 KiB
Markdown
# 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.
|