Bridge v4
Design System Documentation Guides Portal Demo
Medical records View all
Lab results2 Wellness3 Documents1 Medications1 Procedures1 Immunizations1
Hemoglobin A1C 6.4%
High
Ref 4.0 – 5.6 % · Aug 1, 2026
LDL cholesterol 98mg/dL
Normal
Ref < 100 mg/dL · Aug 1, 2026
Vitamin D, 25-OH 28ng/mL
Low
Ref 30 – 100 ng/mL · Jul 12, 2026
Messages View all
Prescriptions View all
People I manage Manage
Home Good to see you, Joe
Bridge
Joe Bridge Admin Staff
Admin Overview Intake Form Builder Reports Marketing Users Tasks12
Portal Home Appointments Messages8 Billing Forms Prescriptions Medical Records
v4.0.0
{{ typed }}
Ask
{{ heroAskQ }}
Analysing the question…
One form is outstanding and the next visit is on Aug 12. Insurance on file expires before then — both are fixable from here.
Medication allergy screening Due Aug 15 · 3 min Start
Diabetes follow-up Aug 12 · 9:30 AM · Dr. Winston, Harry View
What do I owe right now? Can I refill my metformin? What did my last labs say? Can I be seen sooner? Ask anything…
Next appointment View all
AUG 12 9:30 AM Diabetes follow-up Dr. Winston, Harry Main Health System · Suite 210 Check-in View details
Quick actions
Book appointmentSchedule a new visit or follow-up
Send a messageMessage your care team directly
Pay a billView and pay an outstanding balance
Request a refillRenew an existing prescription
Update insuranceKeep your coverage details current
Download recordsExport your medical history
Bridge v4 is here
The new health experience, rebuilt on digital empathy — connecting providers, staff and patients to what they actually need.
Scroll
What's new in v4?
A new design system, end to end Every screen rebuilt from the flow outward on one system — layout, colour, type, spacing and motion, with buttons, cards, tables, filters, forms, modals and widgets documented down to the last token. Provider and patient each get their own sections, written in their own language.
Every feature, documented A page per screen for the team that builds, configures and tests it, and a guide per feature for the clinics that use it — both written from the same source, and joining the demo as each one is written.
A mobile app redesigned from scratch Built as its own experience rather than a smaller desktop, with every section of the portal following in a form designed for the phone — the whole thing live in the demo.
AI · Ask anything Ask the portal a question in your own words and the answer comes back as the portal's own components — an appointment card, a lab table, a balance — still clickable. Forms follow the same idea, asked one question at a time.
AI · Patient snapshot A whole patient in one look: what matters for the visit in front of you, gathered from records, forms and history — and interactive, so any line opens the thing it came from.
The portal Three audiences, one system Provider, staff and patient each get exclusive sections, written in their own language — the work someone came to do, and only what that person actually needs to do it. Provider and staff share one desktop experience, split by what each role can see.
Provider Staff
OverviewThe day at a glance IntakeArrivals, check-in, eligibility Form BuilderBuild, version, publish forms ReportsAudit, files, engagement MarketingCampaigns and outreach UsersStaff and patient accounts TasksWhat is assigned and due SettingsLocations, hours, rules
Patient
HomeWhat needs doing next AppointmentsBook, check in, reschedule MessagesYour care team, in writing BillingBalance, statements, payment FormsWhatever is still outstanding PrescriptionsRefills and history Medical RecordsResults with their ranges
Standalone Every feature also stands alone
Bridge Portal Partner platform External site
Each feature is built as its own module, so it runs inside your product, your patient portal or a partner's platform — with the same AA floor as the full portal, and primary and secondary colour travelling with it so the embed wears the host product's identity.
01 Design system
The rules every screen follows Every screen was rebuilt from the flow outward on a single system — layout, colour, type, spacing and motion, with buttons, cards, tables, filters, forms, modals and widgets — so a control means the same thing wherever a patient or a staff member meets it.
Three audiences. Provider, staff and patient each get their own exclusive sections, written in their own language.
Three viewports. Desktop, tablet and phone are each designed and built in their own right.
White-label by default. Primary and secondary colour are inputs the organisation sets.
WCAG 2.2 AA, audited. Documented rule by rule and measured against the rendered pages — contrast, target size, focus, keyboard paths — with every exception written down.
Colour
Ink#16324a Accent#3a6ea5 Fill#f0ece6 Success#3a7347 Outstanding#8a5a12 Danger#c0392b
Type Aa
Manrope22 / 700 / -.025em Public Sans13 / 400 / 1.55
Buttons
Main Secondary Quiet
Status
Paid In review Overdue
Radius & spacing
4 · 12 · 16
4 → 32
Readout
Hemoglobin A1C 6.4% Target under 5.7 % LDL cholesterol 98mg/dL Target under 100 mg/dL
--color-main: #16324a --color-accent: #3a6ea5 --color-line-field: #948877
02 Documentation
Every feature, documented twice Each feature is written up once for the team that builds and supports it, and once for the clinic that uses it. Both start from the same source, so the page and the guide describe the same product.
Feature docs, for the team. A page per screen: what each part decides, which setting turns it on, what it asks the backend for. Written from the Portal Demo while v4 takes shape, then from the code in the change that ships it, and reviewed by QA.
Feature guides, for the clinic. A deck per feature for staff and providers: what it is for, the steps, the states they will meet and what their organisation can set. Shared as a PDF or opened in the browser.
One source, two readers. A guide is built from its feature doc and the screens themselves, so the two cannot drift apart.
Feature doc · for the team Intake · Row actions Staff
Element What it decides Permissions
Check in Marks arrival and advances the status. Me
Eligibility Re-runs the check and writes the result back into the row. Client
Forms Resends or prints what is still outstanding. —
Access · Header · Main actions · Filters · Table · Row actions · Errors · API calls — in one fixed order on every page
Same source, written for the clinic
Staff · Intake guide Feature guide · for the clinic
Check a patient in
9:00 Maria R. Checked in
9:30 Renee A. Check in
10:15 Joe B. Pre-Reg
1Open the visit's actions menu. 2Select Checked In, then confirm. The visit moves to Checked In.
03 Mobile app
Redesigned for the phone The mobile app was thought through from scratch as its own experience — its own navigation, its own rhythm, its own way of asking and answering — and every section of the portal follows with a version designed for the phone.
Made for one hand. Filters and pickers arrive as sheets, lists become cards, and the action someone came to do sits where a thumb already rests.
Every section, every component. Each one has a mobile form designed on purpose — the same meaning, in the shape the phone asks for.
Patient and staff alike. Both sides of the portal are built for the phone, live in the same demo, and carry the same colour, type and white-label theme as the desktop.
9:41
HomeGood to see you, Joe
Next appointmentView all
Aug129:30 AMDiabetes follow-upDr. Winston, HarryMain Health System · Suite 210
Check-inView details
Medical recordsView all
Lab results2Wellness3Documents1Medications1Procedures1Immunizations1
Latest resultsView all
Hemoglobin A1C6.4 %High
LDL cholesterol98 mg/dLNormal
Vitamin D, 25-OH28 ng/mLLow
MenuHomeAppts.MessagesAsk
9:41
Appointments2 upcoming · 4 past
UpcomingPastRecurring
Diabetes follow-upForms pending
Dr. Winston, Harry
Main Health System · Suite 21008/12/2026
Annual physicalConfirmed
Dr. Winston, Harry
North Clinic · Suite 409/03/2026
Schedule
MenuHomeAppts.MessagesAsk
9:41
Messages1 unread
HWDr. Winston, Harry9:12 AMYour A1C results came back lower than…Lab results
BLBilling — Main HealthYesterdayA $25.00 copay is due before your next…Billing
MRMaria ReyesAug 2We received your insurance card, thank…Follow-up
LBMain Health LabJul 30Your lab order is ready for collection.Lab results
PADr. Finch, AmaraJul 21Pre-surgical instructions attached.Urgent
New message
MenuHomeAppts.MessagesAsk
9:41
BillingBalance $125.00 · due Aug 15
Current balance$125.00Due Aug 15 · after insurance
Pay nowPayment plan
Office visit · Aug 1Paid$45.00
Lab panel · Aug 1Due$80.00
Copay · Jul 12Paid$25.00
Insurance
Blue Shield PPOMember 4471-882 · expires Aug 10Update
MenuHomeAppts.MessagesAsk
{{ phLabel }}
04 Bridge AI
Ask the portal anything Answers come back as the portal’s own components — an appointment card, a lab table, a balance — ready to act on.
Conversational portal. Ask anything the portal knows; the answer is assembled from real, still-clickable components.
Conversational forms. The same intake, asked one question at a time, skipping what is already on file.
One keystroke away. Ask opens with ⌘K from any page, and shares the screen with the page instead of covering it.
Ask ⌘K
What do I need to do before Emma’s visit?
One form is outstanding and the visit is on Sep 3. The insurance on file expires before then — both are fixable from here.
Medication allergy screeningDue Aug 15 · 3 min Start
Insurance — Emma BridgeExpires Aug 28, before the visit Update
Move the visit What did the last labs say?
Ask anything…
05 Bridge AI
Patient snapshot A whole patient in one look, written for the visit in front of you: what changed since last time, what is outstanding, and what the provider should raise today.
Read for this visit. The same record reads differently before a diabetes follow-up than before a wellness check.
Interactive, not a printout. Every line opens the thing it came from — the result, the form, the note.
Sourced. Each statement carries where it came from and when, so nothing has to be taken on trust.
Patient snapshot Generated 12 minutes ago Regenerate
Renee Alvarez DOB 02/14/1988 · Diabetes follow-up · Sep 3, 9:30 AM
Summary state Type 2 diabetes for nine years, managed on metformin and steady for the last two. Blood sugar has drifted up since the spring: the August A1C came back above range after three readings in range, and the pharmacy record shows the fills covering fewer days than the prescription allows for. Kidney function and lipids both read normal at the last draw, and blood pressure has held on lisinopril.
Needs attention
A1C up 0.6 since MarchLab result · Aug 1, 2026
Insurance on file expires before the visitCoverage · expires Aug 28
Suggested actions
Recheck the A1COrder the draw, results land Sep 1 Order
Update coverageSends the patient a single link Send
See it for yourself The demo is clickable end to end, the design system documents every decision behind it, the feature docs say what every screen decides, and the guides show a clinic how to use it.
Design System Documentation Guides Portal Demo