Brightleaf

Demo build · Dental clinic — direct layout · Anna Nagar West, Chennai

Northline Dental Care

Same clinic, same content, laid out for a patient in pain at 9pm who wants a phone number in under three seconds.

Measured 2026-08-17

Transfer
16.1 KB
HTML source
55.7 KB
Paint (LCP)
0.14s
Own requests
1

This is a demonstration build. Northline Dental Care is an invented business. Brightleaf Studio designed and built this site to show the work, not for a paying client, and no client results are claimed anywhere on this page.

Home page of the Northline Dental Care demo build — a dental clinic — direct layout site
layout2.brightleafstudio.in · captured at 1280px

Why this build exists

This build exists to be compared against the editorial layout. Clients ask what a layout decision actually changes and usually get an answer full of adjectives. Building the same content twice makes the answer something you can look at.

The decisions that mattered

01

Phone number and emergency line above everything

The first interactive element on the page is a call button. Someone with an abscess at 9pm is not reading about the practice philosophy, and every element placed above the phone number is a tax on that person.

02

Shorter measure, tighter blocks, sans throughout

Scannable rather than readable. The content is chunked so a person skimming under stress can find the one thing they need. This is worse for a patient calmly researching implants and better for the emergency, which is the trade the layout is making.

03

Same prices, presented more compactly

The price table survives intact, because it is doing the trust work in both layouts. It is set more tightly here, so it takes less vertical space and the contact details stay closer to the top of the page.

04

Fastest paint of the three, at 0.14 seconds

Less type to lay out before first paint. That is the mechanical reason the direct layout is faster, and it is worth about 60 milliseconds against the editorial version.

What I would change

The part most portfolios leave out

What this layout gives up is warmth. Placed next to the editorial version it reads as efficient rather than considered — right for a patient in pain, wrong for a clinic that wants to look like the nicest practice in Anna Nagar. Neither layout is better. The choice depends on whether a clinic's patients mostly arrive in an emergency or mostly arrive after comparing three practices, and that is a question about the business, not about design.

The other builds

  • Hair & skin studio · Besant Nagar, Chennai

    Ivory & Oak

    The lightest of the three builds, and the test case for how small a complete salon site can get without losing anything a customer needs.

    Read the build notes
  • Dental clinic — editorial layout · Anna Nagar West, Chennai

    Northline Dental Care

    The editorial treatment: long measure, serif headings, prices stated plainly in a table rather than a 'starting from' teaser.

    Read the build notes

Want this for a real dental clinic?

A one-page build like this one is ₹12,000 and takes 5 days. Tell me about the business in Chennai and I will tell you what it needs.

Message me on WhatsApp