A site for a primary-care clinic: a calm serif hero with a visit being booked, services, clinicians and a booking page.
A site in the manner of the newer clinics: warm cream paper, a centred serif headline in one ink with one word underlined by hand in terracotta, and booking as the first thing you can touch. Six services with what each includes and its price, how a visit works, the clinicians, a membership beside insurance, the clinics with their hours, and the questions people ask. Each service, clinician and clinic has its own page, with membership and insurance, a journal, contact, privacy, terms and a not-found page around them. The sample clinic is Fennel.
Booking has its own page: visit, clinician, date and time, your details, then a confirmation with a calendar file, beside a summary that fills in as you go. Every section is built from Eased components you can also use on their own, and each one installs by itself from the Pro registry. Hit targets are large, focus is always visible, and text keeps its contrast on the cream in light and dark.
A visit, booked in front of you
Under the headline a booking card plays on its own a beat after it comes into view. It chooses an annual physical, picks a day on the Date Picker's calendar and a morning time, each pick landing in the summary beside it, and ends with the slot held: the clinician, when and where. Touch it and it stops and is yours to click through; Replay plays it again. It shows the one thing a clinic's site has to prove, that getting seen is easy.
Home/
Header
The wordmark, a few text links and the pill to book.
Hero
A centred serif headline with one italic word in the accent, one pill, and a booking card that plays a visit being booked, then hands over.
Services
Six visits as cards: length and place, what each includes, and a price or covered by insurance, with a link into booking.
How a visit works
Three steps across a rule, each with a serif numeral in the accent.
Membership
Pay per visit or a membership, with a billing switch that rolls the price and a line on insurance.
Locations
Each clinic and the online service with a drawn map, the address, the week's hours and what the place has.
FAQ
The questions people ask before they book, one open at a time.
Close
The hero's voice again on a raised panel, with one line and the pill.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
Book/book
Header
The wordmark, a few text links and the pill to book.
Booking page
The full booking flow: visit, clinician, date and time, your details, then the confirmation, beside a summary that fills in.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
About/about
Header
The wordmark, a few text links and the pill to book.
About page
The clinic's story beside its numbers, how it works in four principles, and the way on to the clinicians.
Close
The hero's voice again on a raised panel, with one line and the pill.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
Services/services
Header
The wordmark, a few text links and the pill to book.
Services page
Every visit as a card under the page's heading, each opening its own page, with a line on paying.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
Services
Header
The wordmark, a few text links and the pill to book.
Service page
One visit: who it's for, what's included and how it goes, beside its price and billing, then the clinicians who offer it.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
Clinicians/clinicians
Header
The wordmark, a few text links and the pill to book.
Clinicians page
Every clinician as a card under the page's heading, each opening their profile.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
Clinicians
Header
The wordmark, a few text links and the pill to book.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
Locations/locations
Header
The wordmark, a few text links and the pill to book.
Locations page
Each clinic and the online service as a card with its drawn map, each opening its own page.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
Locations
Header
The wordmark, a few text links and the pill to book.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
Membership and insurance/membership
Header
The wordmark, a few text links and the pill to book.
Membership and insurance page
The plans with their billing switch, what each way of paying covers, the insurance accepted, prices and questions about paying.
Close
The hero's voice again on a raised panel, with one line and the pill.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
Journal/journal
Header
The wordmark, a few text links and the pill to book.
Journal
The journal's articles, newest first and large, then the rest as cards.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
Journal posts
Header
The wordmark, a few text links and the pill to book.
Journal article
One article in a reading column with its author and date, a note that it is general information, and the other articles.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
Contact/contact
Header
The wordmark, a few text links and the pill to book.
Contact page
The phone, email and clinics beside a message form that validates on submit and shows a sent state.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
Legal
Header
The wordmark, a few text links and the pill to book.
Legal pages
Privacy, the notice of privacy practices and terms in plain-English sample text, each with its contents beside it.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
Not found/404
Header
The wordmark, a few text links and the pill to book.
Not found
The page for an address that isn't part of the site, with the pages people look for most.
Footer
The wordmark, three link columns, the legal line and where to go in an emergency.
Download the starter
A Next.js app with every section, the content file and the Eased tokens. Unzip it, run pnpm install and pnpm dev, then make it yours in one file.
Install one section
Each section is its own Pro registry item, with the components it uses. Add it to an app that already has Eased set up.
npx shadcn add @eased-pro/health-clinic-hero