The house already has a look. The website never used it.

The old website was a minimal interpretation of the brand. The Instagram is the brand. Read across 419 posts, the same visual instincts repeat until they stop being taste and start being a system. This document names that system, and tunes it to where the house is now: a bright, airy, green space, not the old Parra earthiness.

The account states its own spine in the bio: Atelier, Objects, Gatherings; made slowly, curated with care; by appointment only. Under that sentence, three instincts hold across the feed.

Warm and hand-made, colour used with confidence

Nothing is grey, nothing is neon, nothing is cold. Colour comes from cloth, clay, foliage and light, and it is used without fear. That confidence with warm, natural colour is the enduring DNA, and it carries forward. What changes is the register: away from the deep, saturated earth of the old house, toward the brightness of the new one.

A serif that performs, a sans that stays quiet

Headlines are a high-contrast display serif set large, "come stitch badly with us," "good things take time," "how to summer, in colour and cotton." Supporting copy drops to a small, plain sans. Two voices, clearly divided. The wordmark is a stacked serif. That is the type system, waiting to be named.

The new space changes the light

The yellow and the red belong to the heritage house in Parra, and they are worth keeping, but not being married to now that the house has moved. The new atelier is where the palette resets: bright and airy, opening onto valley views, trees, open skies, green grass, picnics. Green is no longer an afterthought; it is the hero, because it is the space. The colour work in the next section is built from that.

Four colours, each with four working tones, wash to deep. No eleven-step ramps, no near-blacks; the store will never use them. Each colour is anchored to something real, and the whole set stays light, muted and airy, so the site feels like the new space: open, sunlit, green.

The ground, and the one dark tone

Under the four colours sits a warm neutral. The page is cream, never pure white. There is exactly one dark value in the whole system, a warm ink, and it does the reading. Everything else is light.

How colour and legibility divide the work

A light palette has one discipline: the colour does the feeling, the ink does the reading. The contrast test makes the rule exact, and the good news is that ink text sits legibly on every colour, so the airy "ink on a soft colour" button works everywhere.

Two typefaces, each with one job, and neither borrowed from anywhere else the house publishes. A high-contrast display serif for the voice, and a warm, contemporary sans for everything the eye has to do work in. This document is set in them.

The scale, and how it is spoken

A modular scale on a 16 to 17px reading base. Display sizes are fluid, growing with the viewport; the serif is left at its single weight, because its high contrast gives it all the presence it needs.

Palette and type are the vocabulary; this is the grammar. The register is bright editorial: warm cream paper, a faint grain, a great deal of air, hairline rules instead of boxes, and photography of the new place given room to carry the feeling. The site should read as light, hand-made and expensive, never as a template.

Cream, with grain

The ground is never pure white. It is warm cream, with a barely-there film grain fixed over everything, so surfaces feel like paper rather than a lightbox. This document carries it; the storefront should too, at around two percent opacity.

Air is the luxury

The cheapest way to look expensive is space, and the most common way to look cheap is to fill it. Sections breathe: generous vertical padding, wide margins, and deliberate emptiness around the one thing that matters on each screen. It also happens to be the truest expression of the new space, which is open, bright and unhurried.

Hairlines, not boxes; frames, not cards

Structure comes from thin warm rules and generous padding, not grey boxes and drop shadows. Where an object needs a container, it is framed like a picture or a soft sand panel, not floated on a hard shadow. Shadows, where used, are wide, soft and warm, the shadow of an object in daylight.

Photography of the new place

• Bright, natural, green. Valley views, open skies, grass, the atelier in daylight, picnics. Grade warm and light; never cool or clinical.
• Documentary over slick. Candid gatherings and process shots earn more trust than perfect studio product. Keep the imperfection.
• The poster is the exception. One deliberate graphic register, a serif line on a valley, clay or sun ground, for events, drops and edits. Now lighter and brighter than the old brick-red posters.
• Let images run large and quiet. Full-bleed, few per screen, room to sit in. Resist the four-up product wall as the default.

Motion is brand. A slow, made-by-hand house cannot move with fast, mechanical transitions; movement should feel like weight settling and cloth falling. The principle is physical, not flashy: everything eases, nothing snaps, and motion rewards attention rather than demanding it.

The house easing

One signature curve does most of the work, a heavy decelerating ease that arrives slowly and settles, cubic-bezier(0.32, 0.72, 0, 1), around 600 to 800ms. Nothing here uses a plain linear or ease-in-out.

• Entrances settle in. As a section enters view it fades up and unblurs over 800ms, once, then holds still. This document does exactly that, on an intersection observer, never a scroll listener, so it stays smooth on a phone.
• Hover is a small breath. A product or edit lifts by a hair and its image scales imperceptibly. A press eases the element down a touch, like it has mass. No colour flashes, no bounces.
• Only transform and opacity move. For a phone's frame rate, motion animates position and fade, never width, height or layout. Grain and blur stay fixed, never on scrolling content.
• Respect the still. A reduced-motion preference turns all of it off. The layout must be complete without a single animation.

The visual system is half the identity; the captions are the other half, and they are unusually good. The voice is warm, a little self-deprecating, and never in a rush, a person with taste who does not take herself too seriously. It should carry into every line of the site.

The feed already writes it: come stitch badly with us; no pressure, no perfection; our stupidly wholesome, wildly engrossing stitching circle; good things take time; made slowly, curated with care. That is the register: playful, specific, human, unhurried, occasionally willing to undercut itself.

The creed is already distilled and belongs at the front, not buried in an About page: made slowly, curated with care. It filters the right customer in and sets the tone before the first product loads.

A full tone-of-voice guide is its own document; this is the foundation's note on it, so the visual and the verbal are built to match. It feeds the Copy work.

A foundation is only useful if it is installed before the pages, not after. These are the global decisions to set once in the theme, so every section built afterward inherits the house instead of restating it.

• Load the two fonts and the tokens first. Instrument Serif and Hanken Grotesk via the theme's font settings; the four colours at four tones each, the neutrals, and the type scale as CSS variables in the global stylesheet. Nothing gets a hard-coded hex or font again.
• Set the ground. Page background to cream, body to ink and Hanken, the fixed grain overlay, and the default heading font to Instrument Serif. The store should feel like the brand before a single section is placed.
• Fix the button and link rules. Primary button ink with cream text; coloured buttons a base colour with ink text; links ink, underlined on hover. This is where the contrast findings become real.
• Encode the motion. One shared easing variable and one shared intersection-observer reveal, so every section moves the same way without re-inventing it.
• Set the spacing rhythm. A generous section-padding scale and wide gutters as defaults, so new sections breathe by default and packing them takes deliberate effort.

So the foundation can be trusted and argued with. What was observed, what was generated, and what is a calibrated call.

Method: the look was read from instagram.com/yellowhouseparra and the new atelier's character on 24 Jul 2026, with the three strategy reports underneath. Palette tones and contrast were generated with a colour-system model and WCAG formulas; type with a modular scale; visual and motion direction with design-system frameworks. Hex anchors should be confirmed against source brand files or the atelier's real materials before they are frozen. This is Draft v0.2: the palette was rebuilt bright and airy, the shade count reduced to four, and the type moved off the reporting fonts onto Instrument Serif and Hanken Grotesk.