Skip to content

Maison Studio · Case study

Alexandra M.

Beauty and fashion creator · New York

House C · Cultural Modern

Alexandra M. is not a client and not a person. This is a build the studio made for itself, and the career on it is invented. The design decisions described below are real, and every one of them is in the code.

A creator has a different problem from a model, and the difference is not a matter of taste. Her work is not a look, it is a body of films with runtimes, and most of it already lives on four platforms she does not own. A site that opens with a face and stops has described her badly.

So this build answers two questions the model’s build never has to. Where does the work live, and what does she sound like.

Open the site

Direction

The page opens on two frames of equal size hung side by side: a portrait on the left, a working frame from a Brooklyn studio on the right. Margot’s site opens on one portrait at ninety-two percent of the screen height, and the contrast is the whole argument. Opening on what she makes at the same scale as how she looks says she is the author of the work.

The right-hand frame is a still standing in for a loop, and its caption says so. When real footage is delivered it becomes a muted video in the same box without a line of layout changing, and until then the caption tells you what you are looking at.

Her platforms are the fourth section on the page, immediately after the stats, rather than a row of icons buried at the bottom. For a creator the platforms are the body of work, so the site points at them early and in full sentences.

The grid

House C sets a measure of sixty-two characters and a section rhythm that caps at ten rems, against sixty-five and twelve in House A. The page is set tighter and moves faster by roughly two rems a section, which is a small number felt over a long scroll.

Nothing on this page touches the edge of the screen. House A breaks its lead plate to full bleed; House C holds every image inside the page margin. It is the difference between a gallery wall and a magazine spread, and it is decided once, in the theme.

The platform list is drawn on rules as three columns: a tracked label, the handle at display size, and a quiet Visit link at the end of the row. It reads as an index of channels. A row of round icons would have read as a footer.

The frames

The sequence runs a contained three by two, then a beauty diptych at three by four, then a single monochrome study at four by five in the middle of the page. It is the same rhythm as the model’s portfolio, deliberately, because the rhythm is a house pattern and only the selection is personal.

The selection is what changes. The gallery runs four frames, one of them work in progress rather than finished imagery, and one a beauty detail close enough that the subject is a brow rather than a face. A creator whose whole practice is close work should not be shown only at full length.

Typography

There is no serif on this page at any size. House C sets Satoshi for display and Satoshi for body, so the two type roles are separated by weight, tracking and scale rather than by a change of face. Headings run at weight five hundred, tracked at minus 0.04em, which is exactly twice as tight as the model’s display setting. Small type is tracked at 0.14em against her 0.18em.

There is also no accent color. House A carries a brass at hue thirty-six for rules and marks. House C sets its accent to the same value as its ink, so the page has one color in it and emphasis is made with size and space alone. The ground is a neutral gallery white and the ink has no hue at all, where the model’s page runs a warm paper and a brown-cast ink.

The drop cap on the introduction is the sans at three and a half rems with the display tracking still applied, so it sits as a piece of architecture rather than as a flourish borrowed from a book.

Voice

The third section from the end of the model’s site is three things critics said about her. Here it is three things she said, taken from her own newsletter and interviews, set at the same editorial scale.

On a creator’s site the asset is the point of view. The space it takes here is the space a press section takes on the model’s site, and this build gives it to her instead.

Declined

What is not on the page.

Four things were left off this page on purpose.

Follower counts
The stats line reads "Audience across platforms" and gives no number. A figure on a creator’s site is stale within a week, and it hands a brand a number to negotiate against before anyone has discussed the work.
Anything that plays by itself
No video autoplays and no audio starts. Most of this audience arrives on a phone, often in a room where sound would not be welcome, and a site that makes that decision for them gets closed.
A wall of brand logos
The films list carries the brand inside the title of each row, next to a runtime and a platform, so every entry is something a visitor can go and watch. A grid of marks is a claim about association with nothing behind it.
Icon buttons
The platforms are named in words at reading size. Four unlabeled glyphs would have saved about two hundred pixels and cost the section its register.

The shared parts

Both builds draw on the same nine primitives, and this one uses six. The full-height portrait masthead that opens the model’s site never appears here, and the paired opening that carries this one is written for this page alone.

What is bespoke is the theme layer and the section composition. Those are the two things that decide whether a site looks like you, and they are the two things a theme cannot give you.