Linen Atelier
An artisan workshop journal: flax tones, soft serif, stitched details and daylight.
This style
$9$19
One-time, no subscription · instant download · client use · 7-day refund before download
The idea
The website of a small weaving workshop where everything is made by hand and explained with care. Flax, oat and madder-red tones, a friendly soft-shouldered serif, stitched dashed borders and photographs of looms and folded cloth in morning light. Warm, tactile and honest about how long things take.
Linen Atelier is a craft workshop speaking plainly about its work. It draws on the Arts and Crafts movement's respect for materials, the hand-lettered labels of rural workshops and contemporary documentary craft photography. A soft, sturdy serif gives warmth to headlines; a clear sans handles the explanations. Rounded corners at 10px, dashed stitch borders and warm diffuse shadows make every element feel like it was handled, not rendered.
Principles
- Explain the making: materials, hours, tools and names.
- Show hands-on objects in daylight, never studio packshots.
- Soft corners and stitched borders; nothing sharp or glossy.
- Use plain, friendly labels — no small caps, no monospace.
- Let earth tones do the work; avoid pure black and white.
Motion
Cards rise 4px on hover with a warm, diffuse shadow like cloth lifted off a table. Images cross-fade between two angles of the same object every 6 seconds.
Do & don't
Do
- ✓ Name the weaver, the loom and the number of days.
- ✓ Use dashed stitch borders on cards and dividers.
- ✓ Keep corners at 10px for cards, buttons and images.
Don't
- ✕ Don't use pure black (#000) or pure white (#FFF).
- ✕ Don't use uppercase tracking or small caps.
- ✕ Don't use hard shadows or glossy effects.
+ 3 more of each, and component rules, in the full DESIGN.md.
What's in the DESIGN.md
- 01Overview & principles
- 02Colors (tokens + proportions)
- 03Typography (families + 12-role scale)
- 04Layout & spacing scale
- 05Elevation & depth
- 06Shapes & radii
- 07Motion (easing, durations, signature)
- 08Imagery + generation prompt
- 09Components (button, card, nav, input, badge)
- 10Do's and don'ts
- 11Responsive behaviour
- 12Iteration guide + agent checklist
Plus theme.css (Tailwind v4 @theme), tokens.json (W3C) and the preview page source — 364 lines of DESIGN.md in total.
More like this
All Editorial & Luxury →
Broadsheet Press
No. 001A morning broadsheet: masthead, column rules, datelines and a grey halftone photograph.
Didone Couture
No. 002Haute couture in two inks: a hairline Didone, paper white and absolute black.
Folio Press
No. 003A literary publisher's catalogue: Garamond, small caps, cream paper and a printer's red.
Herbarium Journal
No. 004A naturalist's field journal: specimen plates, Latin names, moss green and foxed paper.
Magenta Shout
No. 006A pop-culture magazine at full volume: towering italics, hot magenta, cut-out photos.
Quiet Stone
No. 007Quiet luxury in taupe and limestone: wide-tracked capitals, no logo, nothing to prove.