Pielara

Aesthetic dermatology

A profile and a droplet drawn in one line. Clay rose, clinical and warm at once.

#c98b7a#fbf5f1#3b2a26

Typefaces: Cormorant Garamond · Inter

The brief

An aesthetic dermatology clinic has to look medical and warm at once. The single line and clay pink balance both, and the website separates medical and aesthetic treatments and leads to an assessment with professionals.

The brand in use

Project sheet

Industry	Aesthetic dermatology · Health and wellness
Promise	Treatments prescribed by dermatologists.
Highlights	Medical assessment · Staged plan · Follow-up
Call to action	«Book an assessment»
Website	Corporate site with the headline «Your skin, in medical hands»
Services shown	Brand identity · Web design · Social media and content · Automation · Apps and software
Measured contrast	Text 12.6:1 · button 4.8:1 (the WCAG minimum is 4.5:1)

Website · Corporate site

Your skin, in medical hands

The demo is a real, hand-written page published on this very site. Open it, inspect it and see how it behaves on your phone.

5,0 KB HTML and CSS
0 JavaScript libraries
5 sections

How it is built

Semantic HTML and CSS with brand variables. Changing the palette means changing four lines:

:root{
  --fondo:#fbf5f1;
  --tinta:#3b2a26;
  --acento:#c98b7a;
  --tinta-boton:#3b2a26;
  --oscuro:#3b2a26;
  --sobre-foto:#ffffff;
  --titulo:'Cormorant Garamond',Georgia,serif;
  --letra:'Inter',system-ui,sans-serif;
  --radio:6px;
}

The main button sends the customer to one next step:

Open the live demo

App or software

Patient app with routine and progress.

One screen for the customer and another for the team running the service, sharing the same brand system.

Automation

What happens when a customer arrives

Someone asks for a slot by WhatsApp or the site
The agent asks the questions and offers free times
The booking enters the calendar with a reminder
If unconfirmed, it follows up and frees the slot