Warkop Sela / DESAIN & KOMPONEN

Warkop Sela
Disusun dari bagiannya sendiri.

Warkop adalah jeda sehari-hari. Huruf papan yang lugas dan tiket kertas kecil menggantikan klise kafe yang terlalu mengilap.

01 / Palet & tipografi

Blok kobalt, kertas kapur, dan stempel jeda merah. Tepi persegi, bayangan offset tegas, dan tiket meja bergerigi.

Kapur#f4efe2

Kobalt#1739ad

Papan merah#b53629

Kertas menu#e9e3d3

Anton, huruf iklan yang padat seperti papan warung yang dicat, membentuk papan nama yang rapat. Inter Tight untuk menu; IBM Plex Mono memberi label papan, pilihan, dan tiket meja.

02 / Komposisi & perilaku

Papan kobalt besar menghadap foto kafe terpotong. Papan minuman bergaris diikuti bagian tiket merah yang mandiri. Halaman dalam dibuka di bawah papan kobalt yang sama; halaman papan minum berupa lembar menu kertas dengan gambar gelas di samping kartu resep.

Foto bergerak hanya dalam bingkainya. Deskripsi pilihan minuman dan penambahan tiket mengikuti transisi spring yang disengaja; tanpa marquee otomatis atau loop dekoratif.

Konten terlihat dari server, kontrol papan ketik berlabel, fokus/portal berscope, dan alur seluler terbaca. Motion menghormati reduced motion dan menghindari loop otomatis.

03 / Kontrol hingga setiap detail

Periksa komponen

Daftar komponen (gulir untuk memeriksa)

01
Pilihan minuman, suhu, dan gula
Papan kobalt besar menghadap foto kafe terpotong. Papan minuman bergaris diikuti bagian tiket merah yang mandiri. Halaman dalam dibuka di bawah papan kobalt yang sama; halaman papan minum berupa lembar menu kertas dengan gambar gelas di samping kartu resep.
02
Saringan lembar menu: kopi atau tanpa kopi, dengan hitungan yang diumumkan
Konten terlihat dari server, kontrol papan ketik berlabel, fokus/portal berscope, dan alur seluler terbaca. Motion menghormati reduced motion dan menghindari loop otomatis.
03
Tiket meja lokal delapan baris
Halaman Next.js statis dwibahasa dengan status React lokal, batas Motion per rute, dan artefak perencanaan yang dapat diunduh. Tanpa akun atau pengiriman eksternal.
04
Simpan catatan TXT sebenarnya dan kosongkan
Halaman Next.js statis dwibahasa dengan status React lokal, batas Motion per rute, dan artefak perencanaan yang dapat diunduh. Tanpa akun atau pengiriman eksternal.
05
Buku desain dan komponen independen
Halaman Next.js statis dwibahasa dengan status React lokal, batas Motion per rute, dan artefak perencanaan yang dapat diunduh. Tanpa akun atau pengiriman eksternal.
06
Pilihan, tooltip & area gulir
Perilaku papan ketik dibagikan; tema ini memiliki warna popup, batas, radius, tipografi, dan fokus sendiri.
07
Ekspor & batasan
Identitas fiktif dan resep ilustratif. Tanpa tempat, jam buka, harga, layanan pemesanan, atau reservasi nyata. Foto referensi kafe dari Busan, bukan klaim tempat di Indonesia.

04 / Kontrak formulir & respons

Catatan persiapan lokal. Coba kirim kosong, perbaiki, lalu ekspor masukanmu sendiri.

Catatan yang disiapkan akan muncul di sini.

05 / Komponen yang benar-benar bekerja