A house with no camera

The imagined client: a couture house in Accra, named for the duafe — the wooden comb, the Adinkra symbol of beauty and care. Its conceit is that it has never released a photograph: clients sit for line portraits, collections are fitted first on paper. The deliverable was the house's digital season — Collection Nº VII, Harmattan — presented with the confidence of a Paris maison's site and the discipline of a sketchbook: seven looks, a manifesto, the house's story, and an appointments book.

Within the portfolio collection this is the Tier C art-direction statement: the site where taste is the entire product, and where the collection's ground rule — every visual authored in code — stops being a constraint and becomes the concept itself.

Fashion on the web is photography plus a logotype. Strip the photography away and most fashion sites collapse into a lookless template — which is exactly why the constraint is interesting. The real problem statement had three edges:

• Desire without imagery. The looks must feel covetable — fabric, weight, movement — using only line, type and three colors.
• Editorial authority. The site must read as a magazine the house published, not a portfolio of SVG experiments. Structure, pacing and captions carry that authority.
• Runway pacing on the web. A collection is experienced look by look, in sequence, with deliberate tempo — not as a grid of thumbnails.

Success meant a visitor who has never seen the brand scrolls the seven looks, believes in the house, and understands the garments — despite never seeing one.

Rejected: WebGL cloth simulation

Real-time cloth draped over invisible forms would have been the technical flex — and precisely the wrong register. Couture ateliers are quiet, exact places; a physics toy reads as a demo. It would also have cost a Three.js payload and GPU budget on a site whose soul is a pen line. The silk idea survived at one-tenth the scale, as a single SVG turbulence moment on the manifesto's motto.

Rejected: generative croquis

Procedurally-varied fashion figures (random curve offsets, plotted strokes) were tempting as a "living archive." But generativity is a lottery, and couture is the opposite of a lottery — every line placed on purpose. A generator produces silhouettes no one chose; the house's myth demands that someone drew this exact look. Hand-plotted paths won.

Rejected: photographic surrogates

Duotone CSS-gradient "editorial imagery" — abstract shapes graded like fashion photography — would have smuggled the photographic register back in and diluted the thesis. If the house's motto is drawn, never photographed, the site cannot fake photographs with gradients. Killed early.

Chosen: the atelier sketchbook, paced like a runway

Seven hand-drawn croquis that draw themselves as you arrive; a horizontal chapter with momentum, like walking a runway sideways; magazine furniture — folios, masthead, chapter marks — to carry the editorial authority; and one oxide-red seam per look so the eye always has somewhere to land.

Three inks, enforced

Off-black, bone, oxide — no tints, no grays beyond opacity on the bone. The discipline costs conventional UI affordances (no muted palettes for form states) and buys total coherence: every screen is unmistakably the same house. Red is rationed to one statement per look so it never becomes decoration.

Scroll-driven horizontal, not a carousel

A native horizontal scroller or a carousel would have been simpler, but both fight the browser: they trap the wheel, break the scrollbar's meaning, and read as components. Binding the lookbook to page scroll keeps one source of truth — wheel, drag, keyboard and scrollbar all agree — at the cost of a taller document and a layout pass to size the wrapper. Below 820 px the same DOM relaxes into a vertical editorial rather than shrinking the runway onto a phone.

Drawing style as a written rule

One stroke weight for silhouette, a thinner line for fabric fall, three-or-four curves per garment, red last in the drawing order. Writing the rule down made the seven looks a collection rather than seven illustrations — and made critique actionable: two looks that broke the rule (an illegible collar, a symmetric "one-shoulder") were redrawn against it.

Type does the photography

The budget photography would normally consume went to type instead: a variable Bodoni Moda allowed to run to thirteen-rem folios and an edge-to-edge cover word, fitted by measurement rather than guessed in vw. The trade-off is ~119 KB of fonts — most of the page weight — accepted because type is the only image the site has.

Framed as design goals, since a fictional house has no metrics to claim:

• Prove the thesis at its purest. If couture — the most photography-dependent commercial genre — can be sold with line and type alone, the collection's "every visual is code" rule is demonstrated as a creative position, not a workaround.
• Demonstrate art direction as a deliverable. The palette rule, the drawing rule, the pacing rule: the site shows a designer who can write a visual constitution and then obey it for four routes.
• Stay light and accessible while doing it. Signature motion with zero libraries, a graceful vertical fallback, full keyboard passage through the runway, and a reduced-motion experience that is complete rather than broken.

How it was built — the croquis system, the lookbook math, the silk filter — is documented generously in the build guide. Or return to the collection and walk the runway again.