twc-019 / A study by Syafril · not client work
A fictional guesthouse that gives every guest one bound field book. Its site is that book, open on a desk: choose a notebook and the length of stay, fill each day’s three windows or leave them open, write a field note, slip in prompts, then print a pocket book.
READ THE DESIGN
The capture shows the implemented opening. Notes connect its composition to the working experience and its mobile behavior.
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.
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.
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.
#efeadb#24332b#7a4528#dde3d2#3d5544#c9c1a6WHAT IS HERE / WHAT COMES NEXT
Show what a day there feels like before anyone books.
This tool includes a working workspace and its own component book. Its controls operate on local state.
Exports are generated in your browser. No account, cloud storage or external service is connected.
Fictional design study. Hening has no address, rooms, schedule or prices and books nothing; photographs are licensed references (Bromo is not its location) and exports are local concept plans.
Page scope, brand assets, content, handover, hosting, costs and support are discussed in a consultation before work begins. The demo is a reference for that conversation.
Prepare a brief for this directionFree 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.
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.
Alegreya 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.
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.
Static bilingual Next.js pages. The field book stays in this browser under the same key as the earlier daybook, validated with Zod on every read; earlier drafts read unchanged. The day comes from ?day= in the URL. Print (A5 pocket book) and TXT exports are made locally. No account, booking or server.
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.
A field desk for routes, profiles and checkpoints.