Mariana

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

On every screen

A welcoming space for a personal conversation

Mariana's site treats psychotherapy with warmth. Soft neutrals, deep green sections and personal photographs give it a calm voice. The page makes room for the worries that bring someone to therapy, introduces the therapist, and invites a first conversation.

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 Mariana site, opening

01

The opening

A serif headline with one phrase reversed out of a dark box, a script signature over the photograph.

Section 02 of the Mariana site, who comes here

02

Who comes here

Five numbered situations left, and the same subject as a five-item checklist on a lighter card right.

Section 03 of the Mariana site, about the psychologist

03

About the psychologist

An olive band with one italic line, then leaves left and four paragraphs right under a hairline.

Section 04 of the Mariana site, how it works

04

How it works

Four numbered columns across the width: first contact, the conversation, a fixed hour, reviews along the way.

Section 05 of the Mariana site, questions

05

Questions

Six rows, each a question with a round plus at its end and a hairline between.

Section 06 of the Mariana site, closing and footer

06

Closing and footer

A dark poppy field carries the closing headline, the cream button and the footer row together.

02 / 03

Design highlights

Every colour was read off the rendered page and weighted by the area it paints. Photographs are not in it.

  • #f3ecde51%
  • #0c0d1433%
  • #e9dfcb7%
  • #1b24167%
  • #e0d2b42%
  • #97381f<1%
  • #37432c<1%
  • #ffffff<1%
Families loaded
satoshi, Source Serif 4, Archivo, Playfair Display, DM Sans
Playfair Display sets the headings
Measured
2026-09-01