twc-013 / Studi oleh Syafril · bukan proyek klien

Warkop Sela: Warkop Sela

Identitas warkop dengan papan nama tegas di setiap halaman, lembar menu bergaris, dan penyusun catatan meja yang berfungsi. Saring enam minuman kopi atau tanpa kopi, pilih suhu dan gula, tambah hingga delapan minuman, lalu simpan catatan.

Tangkapan layar desktop asli demo Warkop Sela.

Sekilas desain

Tipografi judul
Anton
Tipografi isi
Inter Tight
Coba interaksi ini
Pilihan minuman, suhu, dan gula
Kapur#f4efe2
Kobalt#1739ad
Papan merah#b53629
Kertas menu#e9e3d3
Skema komposisi yang diimplementasikan.

YANG TERSEDIA / LANGKAH BERIKUTNYA

Pahami yang Anda pilih.

Warkop dan usaha kopi kecil independen.

Berfungsi pada demo ini

  • Pilihan minuman, suhu, dan gula
  • Saringan lembar menu: kopi atau tanpa kopi, dengan hitungan yang diumumkan
  • Tiket meja lokal delapan baris
  • Simpan catatan TXT sebenarnya dan kosongkan

Alat ini mencakup ruang kerja yang berfungsi dan buku komponen sendiri. Kontrolnya mengolah status lokal.

Integrasi produksi untuk didiskusikan

  • Konten usaha nyata, foto terverifikasi, CMS, serta layanan pemesanan atau transaksi memerlukan implementasi produksi yang disepakati terpisah.

Ekspor dibuat di browser Anda. Tidak terhubung dengan akun, penyimpanan awan, atau layanan eksternal.

Batasan untuk direncanakan

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.

Penyerahan & penyesuaian

Cakupan halaman, aset merek, konten, serah terima, hosting, biaya, dan dukungan dibahas lewat konsultasi sebelum pengerjaan dimulai. Demo menjadi referensi untuk percakapan tersebut.

Siapkan brief untuk arah ini

Gagasannya

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

Bahasa visual

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

Tipografi

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.

Tata letak & komposisi

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.

Gerak & interaksi

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

Di balik layar

Halaman Next.js statis dwibahasa dengan status React lokal, batas Motion per rute, dan artefak perencanaan yang dapat diunduh. Tanpa akun atau pengiriman eksternal.

Dirancang untuk semua

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

Di dalam pengalaman

  • Pilihan minuman, suhu, dan gula
  • Saringan lembar menu: kopi atau tanpa kopi, dengan hitungan yang diumumkan
  • Tiket meja lokal delapan baris
  • Simpan catatan TXT sebenarnya dan kosongkan
  • Buku desain dan komponen independen

Cocok untuk

  • Warkop dan usaha kopi kecil independen.

Di berbagai layar

Tangkapan layar desktop asli demo Warkop Sela.
Tangkapan layar desktop asli demo Warkop Sela.
Tangkapan layar ponsel asli demo Warkop Sela.
Tangkapan layar ponsel asli demo Warkop Sela.

Sudut pandang lain