Woolwork gives every common interface element a craft counterpart: a felt patch, a stitched
seam, a snap fastener. This page shows the full set, organized by what it does. Everything on
it is a live, working component built from the same stylesheet and script you would install.
Materials
Two surfaces carry every patch: felt, a flat-dyed nap, and knit, a
stockinette weave built from repeating V loops. Both take fiber grain and a single top-left
light, never a flat fill.
felt · cream
felt · rose
felt · leaf
knit · sky
knit · plum
knit · butter
A yarn strand: a two-tone diagonal ply twist with a top highlight, used for dividers, hamburger strands, and progress fills.
Pompoms: tied-off balls of wound yarn. Decoration only, dyed from the same tokens as everything else.
Buttons & controls
A button is a felt patch stitched to the board. Press it and it sinks into
the board a hair, then springs back, so the label and its stitches never jump or blur. Compact
actions use the same stitched patch material.
Toggle: the buttonholeThe four-hole knob slides through a stitched buttonhole.
Forms
Text tucks into pockets cut through the felt, while a select is a single
paper choice sheet. Choices are snap fasteners or sewn checkboxes; ranges are a
yarn-ball bead on a stitched channel.
Focus wraps a rose thread around the opening.
Its choices unfold below the sheet.
Cross-stitched checkboxes
Snap fasteners (one snaps in)
Skein remaining (read-only)
Navigation
Tabs are hand-cut fabric labels tucked behind the card they switch.
Unselected labels rest down in the rail; the selected one fills with its dye and lifts to the
card's neutral top edge.
Breadcrumbs are small tags strung on one thread. A menu is three equal strands that pull into a
cross.
Popups are paper: a sticky note pinned above the board, closed with a
pencil-drawn cross, never wool. A tooltip is a paper tag tied on with thread. An accordion
unzips. A divider is a seam: a running stitch across a pressed crease.
Popups
A short note and a small form, pinned up the same way. Press the board
around either one, or its pencil cross, to take it back down. Paper popups carry no wool: no
felt, no clips, no yarn, just paper, ink, and pencil.
Shown already pinned open below: without script there is no trigger to open or close it.
Toasts & tooltips
hover or focus for a tooltip
Shipping & returns
Free shipping over forty dollars. Returns accepted within thirty days on unused skeins.
Icons & stars
Small actions stay in the same material. Three yarn strands pull into the
tied cross used for menus, while the standalone cross dismisses toasts and other wool
surfaces. Rating stars are die-cut felt stickers, each pressed on at a slight tilt.
Rating
Yarn crossTwo strands crossed and knotted at the center. Hover to give it a twist.
Data & status
A table is a quilt: a woven header band, rows parting at dashed seams. Chips
are mini patches for compact labels, avatars are round patches with a whipstitched rim, and a
notice is a fabric strip pinned to the board. Loading states are a winding spinner or basting,
loose temporary stitches standing in for content that has not arrived yet.
Yarn
Weight
Left
Rose merino
DK
340g
Sky shetland
4-ply
120g
Leaf alpaca
Aran
85g
in stocklow stocksold outJD
Hand wash only: this dye lot runs in warm water.
Basting stands in for the row above it: a round avatar and two lines of text, still loading.
Long-form content
Everyday reading material stays in the same wool: an embroidered heading,
a pull quote hanging from a yarn selvedge, french-knot list bullets, and the one paper surface
in the room for anything meant to be copied down exactly.
Caring for hand-dyed wool
Cold water and a flat dry keep hand-dyed yarn looking new for years.
Wash on a wool or delicate cycle below 30°C. Looking this up
on a phone or laptop later? Press Ctrl and F
to search this page for any care term.
Turn the garment inside out before washing
Skip the fabric softener; it flattens the fiber
Reshape while damp, then lay flat away from direct sun
Suggested wash label:
Hand wash cold
Do not bleach
Dry flat, do not tumble
Cool iron if needed