Breno

Client
Breno
Sector
Clinic
Breno, the full page as it renders at 1440px wide
Breno, the same page at 834px wide
Breno, the same page at 390px wide

On every screen

A personal introduction, built on trust

Breno's site presents family medicine through the person behind it. Portraits, clear headings and a soft teal palette make it professional without being cold. The page explains the doctor's approach and the care on offer, and keeps the appointment contact close.

01 / 03

Six sections

The site, read one section at a time. What each one is for, and the one thing the design does there.

Section 01 of the Breno site, opening

01

The opening

The doctor's name set very large in sans, a portrait card beside it, two green credential chips.

Section 02 of the Breno site, numbers, and the doctor at work

02

Numbers in a green band

A green band marquees short labels and carries three figures: patients seen, rating, satisfaction.

Section 03 of the Breno site, how an appointment works

03

How an appointment works

Mint ground, three icons in rounded squares, three lines each. Booking, the consultation, the follow up.

Section 04 of the Breno site, the comparison table

04

Plan or private

Five rows, insurance in the middle, private shaded and slightly wider. The table does the choosing.

Section 05 of the Breno site, patients

05

One patient

Mint ground, five stars, a testimonial of seven lines with the whole width to itself.

Section 06 of the Breno site, the consulting room

06

The consulting room

One wide photograph of the room, warm and low lit, the headline over its lower left.

02 / 03

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
Measured
2026-09-01