WEB FOUNDATION / v1.1 / SYNTHETIC EXAMPLES

Clarity, on every page.

A reusable visual foundation for Vard websites and KarePilot workflows.

Patient context

Alex Morgan · Demo patient

Active

Clinical alerts

None recorded

Confirm at each encounter.

Clinical note

Review before signing.

AI draft — review required

Buttons and form fields

Visual examples only; these buttons do not save or change data.

Patient reference

Use the reference shown in the patient record.

Appointment date

Opens a calendar in place; the chosen date is shown as dd/mm/yyyy.

Referral date

Enter a valid referral date.

PaidNeeds reviewSave failedScheduledArchived

Recent activity — demonstration data
Item	Patient	Status	Amount
Consultation	Demo patient A	Paid	€125.00
Clinical note	Demo patient B	Needs review	—

This is a component reference, not a working clinical application.

Vard Digital Health / Web implementation companion to the brand guide.

Developer resources

Everything a developer needs to build this foundation into a project: the stylesheet, the optional Tailwind v4 token mapping, the Inter font files and the integration guidance. Expand a panel to read or copy the source.