twc-013 / A study by Syafril · not client work
A neighborhood coffee identity with a bold signboard on every page, a ruled menu slip and a working table-note builder. Filter six drinks by coffee or not, choose temperature and sugar, add up to eight drinks and save the note.
#f4efe2#1739ad#b53629#e9e3d3WHAT IS HERE / WHAT COMES NEXT
Warkop and small independent coffee businesses.
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.
A fictional identity and illustrative recipes. No actual venue, hours, price, ordering or reservation service. Reference cafe photography is from Busan, not a claimed Indonesian venue.
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 directionA warkop is an everyday pause. Direct signboard lettering and a small paper ticket replace polished cafe clichés.
Cobalt blocks, chalk paper and a red pause stamp. Square edges, hard offset shadows and a serrated table ticket.
Anton, a condensed advertising sans like a painted stall sign, shapes the dense signboard. Inter Tight reads the menu; IBM Plex Mono labels the board, choices and table ticket.
An oversized cobalt sign faces a cropped cafe photograph. A ruled drink board leads to an independent red ticket section. Inner pages open under the same cobalt sign; the drink board page is a paper menu slip with a drawn glass beside the recipe card.
The photograph moves only within its frame. Selected drink descriptions and ticket additions follow deliberate spring transitions; no autoplay marquee or decorative loop.
Static bilingual Next.js pages with local React state, Motion route boundaries and a real downloadable planning artifact. No account or external submission.
Server-visible content, labeled keyboard controls, scoped focus/portals and readable mobile flow. Motion respects reduced-motion preferences and avoids automatic loops.
Croissants, sourdough and cinnamon buns, counted on one pickup list.