01The opening
The doctor's name set very large in sans, a portrait card beside it, two green credential chips.
Breno
The phone stacks into 1.4 times the scroll rather than shrinking the desktop layout.
- Clinic
01The opening
Measured 2026-09-01
- Screens on the desktop
- 14.4
- 12,939 px tall at 1440 px wide
- Screens on the tablet
- 13.3
- 14,845 px tall at 834 px wide
- Screens on the phone
- 20.3
- 17,101 px tall at 390 px wide
Six sections
The site, read one section at a time. What each one is for, and the one thing the design does there.
02Numbers in a green band
A green band marquees short labels and carries three figures: patients seen, rating, satisfaction.
03How an appointment works
Mint ground, three icons in rounded squares, three lines each. Booking, the consultation, the follow up.
04Plan or private
Five rows, insurance in the middle, private shaded and slightly wider. The table does the choosing.
05One patient
Mint ground, five stars, a testimonial of seven lines with the whole width to itself.
06The consulting room
One wide photograph of the room, warm and low lit, the headline over its lower left.
Design highlights
Every colour was read off the rendered page and weighted by the area it paints. Photographs are not in it.
- #ffffff54%
- #0c0d1438%
- #0d94884%
- #134e4a1%
- #1018281%
- #99a1af1%
- #6a72821%
- #1e29391%
- Families loaded
- satoshi, Source Serif 4, Archivo, Playfair Display, DM Sans, Inter
- Inter sets the headings
- Built on
- Next.js
- Measured
- 2026-09-01
On every screen
The same page at 1440, 834 and 390 pixels wide, drawn at one scale so the phone really is this much narrower.
