Axel Clinic
axel.clinic/en/a Kyiv multidisciplinary clinic that opens on a full-viewport split-screen gateway, a pale-grey "Multispecialty Clinic" half against a charcoal "Aesthetic Medicine" half, with 44px ultra-light uppercase Helvetica Neue headings sitting at opacity 0.6 over warm wood-corridor photography and a glass "Select your area" pill straddling the seam.
Design tokens
- display
- Helvetica (self-hosted HelveticaNeueCyr)
- body
- Helvetica (HelveticaNeueCyr)
- secondary
- Open Sans (Google, latin+cyrillic)
- serifFallback
- Times
- mono
- none
Do / Don't
Reference it for
- A two-audience routing gateway: a full-viewport split-screen that makes the visitor choose a path (here "Multispecialty" vs "Aesthetic Medicine") before any scrolling.
- Achromatic clinical luxury: pure-white type over a pale-grey / rgb(50,50,50) charcoal pairing, no brand hue, letting warm timber-interior photography supply the only warmth.
- Ultra-light uppercase display: 44px Helvetica-class headings at weight 300 with 1px tracking and a 0.6 opacity hold-state, the opposite of heavy hero type.
- A frosted-glass control vocabulary: backdrop-filter: blur(8px) pills and search field with 1px white hairline borders and 26-40px radii, sitting over photography.
- The expo-out reveal as house motion: 0.8s cubic-bezier(0.19, 1, 0.22, 1) on opacity+transform for text and arch-masked images, paced against a calm 0.2s ease-in-out base.
Do not copy
- The Helvetica Neue Cyrillic font files are licensed and self-hosted; map to a licensed grotesque (Helvetica Now, Neue Haas Grotesk) or a free near-neighbour (Inter is banned as a display face by house rules, so prefer a grotesque like Hanken or a licensed Helvetica).
- The clinic's interior photography is its own; the gateway pattern only works with genuinely strong architectural shots, do not reproduce these images.
- Do not inherit the WordPress plumbing: the animate.css bundle (60 keyframes mostly unused), PageSpeed-rewritten CSS, Autoptimize, the Binotel call-tracking widget, and the Facebook/Clarity/GA pixel stack. Borrow the gateway, not the tag manager.
- The browser-default rgb(0,0,238) link blue is an oversight (unstyled anchors), not a palette choice; do not treat it as an accent.
Signature moves
A full-viewport, non-scrolling split-screen gateway: a pale-grey "Multispecialty
A full-viewport, non-scrolling split-screen gateway: a pale-grey "Multispecialty Clinic" half against a charcoal #323232 "Aesthetic Medicine" half, each framing an arch-masked (50% radius) warm-timber interior photo, with a frosted-glass (b
Related references
Koba Clinic
strongHealth
a rural Japanese ENT clinic that behaves like a confident product launch, a soft grey #BCC2C5 stage, one electric #00B9EF cyan doing every accent, Morisawa display type set huge with 1.6px tracking, a hero where a full-bleed building photo gets swallowed by a giant cyan rounded panel sliding up, and a whole-page Lenis scroll where text reveals on a 0.8s opacity-and-transform lift.
Nijinowa Clinic
strongHealth
a Yokohama home-visit clinic whose homepage runs as a fixed 270px left rail (logo, vertical bilingual nav, phone) against full-bleed warm photography on the right, a rainbow-fan motif fanning over the hero, ink-grey #222 type set in an old-style Japanese gothic with letter-spacing pushed wide (h1 50px on 90px leading, 10px tracking), and a single calm 0.15s ease-out as the whole site's transition.
One Medical
flagshipHealth
a primary-care membership clinic whose site makes healthcare feel calm and human, a warm teal-and-peach palette, a GT Super serif display over clean Ginto sans, audience-segmented care paths, and a "book" action that treats getting care as the product.
Abby Wilson Therapy
strongOther
A boutique therapist for "anxious, high-achieving women" who reassures by being polished and specific - a warm sand-and-charcoal editorial system, a Calluna serif voice, named specialties and a clearly walked process that says "I understand exactly who you are and how this works".