Warkop Sela / DESIGN & COMPONENTS
Warkop Sela
Made of its own parts.
A warkop is an everyday pause. Direct signboard lettering and a small paper ticket replace polished cafe clichés.
01 / Palette & type
Cobalt blocks, chalk paper and a red pause stamp. Square edges, hard offset shadows and a serrated table ticket.
#f4efe2#1739ad#b53629#e9e3d3Anton, 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.
02 / Composition & behavior
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.
Server-visible content, labeled keyboard controls, scoped focus/portals and readable mobile flow. Motion respects reduced-motion preferences and avoids automatic loops.
03 / Controls, including the edges
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.
Component inventory (scroll to inspect)
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.