めぐみクリニック runs an ENT practice and a beauty practice out of one building, and the rebuild had to seat both on the same page. Four directions were drawn to find out how. Direction D shipped — this page keeps the other three next to it so the decision stays readable.
Put any of them on the rack below. The panes scroll together, so you compare the same section across directions instead of remembering what the last one did.
Each pane renders at 1280px and is scaled down to its column — the four comps were drawn desktop-only, so there is no mobile view to show. The chrome of this page is held achromatic on purpose. Every hue you see belongs to one of the four palettes, not to the instrument comparing them.
file://. Serve the folder instead —
python3 -m http.server 8080 --directory mockups — and reload.
A and B protect credibility; C protects approachability. A clinic that does 耳鼻科 in one room and 美容 in the next needs both at once, and each of the first three buys one by spending the other.
D is the blend: B's palette and Cormorant display, dropped into C's geometry — 30–46px radii instead of B's 1–2px — and then the accents split by practice. Sage carries ENT, rose carries beauty, plum anchors both. It is the only one of the four where the two halves of the practice sit together without one reading as a guest in the other's page.
Those tokens are now the built site's design system, in src/styles/global.css.