Skip to content
MedQueue system

A separate patient-app design system built for warmth, clarity, and state.

This page is intentionally hidden from the main Kivox brand language. It documents the fictional product identity, tokens, UI states, and component behavior used across the MedQueue showcase.

Principles

Trust before conversion

Credentials, coverage, and next steps are visible before the patient commits.

Warm precision

Clinical information is structured, but the palette and spacing reduce anxiety.

State everywhere

Booked slots, upcoming visits, and portal records change across routes.

No false urgency

Healthcare UX does not use scarcity pressure as a conversion trick.

Color tokens

Porcelain

oklch(0.975 0.009 82)

Paper

oklch(0.945 0.018 80)

Trust

oklch(0.34 0.11 245)

Signal

oklch(0.62 0.105 228)

Care

oklch(0.78 0.105 55)

Recovery

oklch(0.58 0.1 160)

Insurance

oklch(0.61 0.105 300)

Clay

oklch(0.58 0.12 34)

Component grammar

Chips

VerifiedAvailable todayReviewedCoverage ready
State model

Filters

Query, specialty, city, availability, and insurance live in shared context.

Booked slots

A confirmed appointment disables the same slot in profile and search flows.

Portal

Upcoming appointments and mock records persist until the demo is reset.

Fictional data

All medical, clinician, and insurance data is invented for the showcase.