Hening Retreat / DESIGN & COMPONENTS
Hening Retreat
Made of its own parts.
Free time, on purpose. Many retreats and nature guides hand guests a notebook with daily prompts; here its parts are the interface: a cloth cover and stitched gutter frame every page, thumb tabs on the fore edge are the navigation, a ribbon marks the page, ruled pages hold notes, and mounted plates and a rubber stamp come from the retired Nusa field journal.
01 / Palette & type
Field paper, fern ink, a wood-brown ribbon and stamp, moss cloth and pale plate mounts. Ruled lines appear only on pages and as contents leaders. No paper texture or photographed leather: the book is drawn with lines, flat colour, stitches and one soft shadow. Filled and open windows read through ● / ○ and solid / dashed lines, never colour alone.
#efeadb#24332b#7a4528#dde3d2#3d5544#c9c1a6Alegreya 500, a serif drawn for literary text with the lively rhythm of a pen, sets the page titles, day names, tabs and the Hening wordmark; its old-style figures suit folios such as “Day 2” and “02 / 03”. DM Sans carries reading text, labels and controls.
02 / Composition & behavior
Every page is one spread of the book on a desk: a 10px cloth cover, two pages either side of a stitched gutter, thumb tabs on the right fore edge (Cover, Prompts, Day 1…8, Pack) and a ribbon in the gutter or the outer margin. Below 900px the book becomes one page under a cloth strip with hanging tabs that scroll to the current one; text and actions come before the plate.
Turning to another day plays one short page turn (the right page swings in from the gutter) and moves focus to the day’s title; reduced motion removes it. Nothing loops or moves on its own.
Tabs are links with aria-current; notebooks are pressed buttons and their change is announced; each window is a labelled select; notes are labelled ruled text areas with a counter. Open windows are marked by shape and line, not colour. Plates carry truthful captions; ribbon, stamp and stitches are decorative.
03 / Controls, including the edges
Every page is one spread of the book on a desk: a 10px cloth cover, two pages either side of a stitched gutter, thumb tabs on the right fore edge (Cover, Prompts, Day 1…8, Pack) and a ribbon in the gutter or the outer margin. Below 900px the book becomes one page under a cloth strip with hanging tabs that scroll to the current one; text and actions come before the plate.
Component inventory (scroll to inspect)
READ THE DESIGN
Why it is arranged this way.
The capture shows the implemented opening. Notes connect its composition to the working experience and its mobile behavior.
- 01
A bound book, not a header
A cloth cover, a stitched gutter and thumb tabs on the fore edge frame every page; the tabs are the navigation, one per day. On a phone the cover becomes a strip with hanging tabs that scroll to the current one.
- 02
Open windows are written down
Each notebook arranges three windows a day. An open window is an empty circle in the contents and a dashed row on the day page: a planned gap, never a missing entry, and never told by colour alone.
- 03
Plates with honest captions
Photographs sit on mounts with corners, numbered like a field journal. Each caption names the photographer and says Hening does not run the cabin and is not at Bromo. On a phone, text and actions come before the plate.
04 / Form & feedback contract
A local preparation note. Try an empty submission, correct it, then export your actual input.
Your prepared note will appear here.
05 / Actual working components
Activate the full workspace when you want to inspect it. Its interaction code loads on demand.