Every piece, in every state.

One primary button per view: the one thing she might do next. The outlined button is the quieter second choice. The text link is for reading on. The light versions are for dark grounds.

The focus ring is 2 px, 3 px away from the edge: bordeaux on light grounds, ivory on dark ones. Press Tab on any live control on this page to see the real one. Each page has one primary button at most.

The same four links on every page. The bag shows how many things are in it, as a plain number: never a badge, never a colour.

Desktop. Links on the left, the wordmark in the middle (deeper gold on ivory, 22 px, never narrower than 140 px), the bag on the right. No search box and no search overlay.

One calm line above the header. Ivory on bordeaux. The wording is a placeholder: delivery terms are to be confirmed. It must never show a countdown, a deadline or urgency.

Image, name, colour name, price. The name is the link. The picture is square-cornered and 4 : 5. No ratings, no badges, no "new" or "bestseller".

Default

The work tote

Colour: Tan

$295

Hover: side view

The work tote

Colour: Tan

$295

Focus

The work tote

Colour: Tan

$295

Active (pressed)

The work tote

Colour: Tan

$295

Disabled

Not applicable. A product that cannot be bought is simply not shown. There is no sold-out card and no "only a few left".

Live with colour choice

The crossbody

$195

Colour

TanBordeauxColour: Tan

Hover or focus the card: the front image fades to the side image in 500 ms and eases in by 3%. With reduced motion, the side view simply appears. On a phone, with no hover, only the front shows. Choose a swatch and the card changes colour.

Two round swatches: Tan and Bordeaux. Each shape is one product with a colour choice.

Round, 26 px, in a 44 px tap area. The chosen one has a thin ring and the colour is also written out: "Colour: Tan", so colour alone never carries the meaning. The product image changes with the choice: try it on the live product card above and in the Shop patterns page.

Minus, number, plus. It never goes below 1 and stops at 9. There is no stock message and no limit warning.

Every default one is live: press the buttons.

Details, Care and Delivery on the product page. A plus that turns to a minus when open. Only true, plain statements.

Live: open and close each section. Built on the browser's own details element, so it works with the keyboard and a screen reader.

Where she is: Home, Collection, then the product. The last step is plain text, not a link.

A tag is a small square box with a hairline. A label is the small capital line above a heading (the "eyebrow").

A 1 px gold line, never thicker, never a shadow. The short one marks a pause between two thoughts.

Labels always sit above the field and are never replaced by placeholder text. Messages are written the way she is spoken to: plain and kind.

There is no red or green in the palette, so error and success are told apart by an icon, the words, and a heavier bordeaux border for an error. Field borders are soft espresso (7.4 : 1 on ivory), so the edge of every field is easy to see. Helper text sits under the field, never inside it.

Three ways to tell a story: an image with words, a journal entry, and one quiet sentence.

A quiet hour

Time kept for herself

The tan work tote, set down on the chair beside her while the afternoon slows.

Read the story

Journal · Craft

Stitched by hand, one handle at a time

Each handle is held in a wooden clamp and stitched by hand.

Read more

For all that she is.

Hover (the picture eases in by 4% over 600 ms)

A quiet hour

Time kept for herself

The tan work tote, set down on the chair beside her while the afternoon slows.

Read the story

Journal · Craft

Stitched by hand, one handle at a time

Each handle is held in a wooden clamp and stitched by hand.

Read more

Not applicable. A quote card is not a link.

The quote card only ever carries the house voice, signed "Saint Séverac". It is never used for a customer review or a press quote: none exist, and none may be invented.

Dark and quiet. The line at the bottom appears on every page, in every email.

Wordmark in gold on espresso, links, a sign-up field, and the line "Concept pitch. Images and film created with AI." The sign-up uses the same rules as the form above.