the web
collection
EN ID

twc-012 / Studi oleh Syafril · bukan proyek klien

Roti Pagi: Roti Pagi

Meja roti untuk croissant, sourdough kampung, dan roti kayu manis. Bandingkan tiga gambar orisinal, baca bahan dan alergen contoh, lalu hitung jumlah dan unduh daftar ambil.

Coba demoSesuaikan untuk Anda
Tangkapan layar desktop asli demo Roti Pagi.

Sekilas desain

Tipografi judul
Fraunces
Tipografi isi
DM Sans
Coba interaksi ini
Tiga gambar roti orisinal
Krim#fff6e7
Merah anggur#702b36
Kulit roti#dba15d
Adonan#f3e5cb
Skema komposisi yang diimplementasikan.

YANG TERSEDIA / LANGKAH BERIKUTNYA

Pahami yang Anda pilih.

Toko roti yang perlu menjelaskan roti utuh dan pastry sebelum membicarakan pengambilan.

Berfungsi pada demo ini

  • Tiga gambar roti orisinal
  • Catatan bahan roti dan alergen contoh
  • Kontrol jumlah dan TXT daftar ambil

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.

6 halaman terimplementasi pada tema ini

Lihat indeks halaman visual

Batasan untuk direncanakan

Hanya perencanaan: tanpa harga, stok, pesanan terkonfirmasi, atau waktu ambil. Resep ilustratif; bahan dan alergen sebenarnya memerlukan verifikasi bakery.

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

Meja roti mengikuti cara memilih: lapisan croissant yang dilipat, sourdough untuk diiris, gulungan kayu manis untuk disobek. Nama, bahan contoh, dan jumlah mengisi catatan ambil lokal, tanpa mengirim pesanan.

Bahasa visual

Tinta merah anggur di atas krim, kulit roti keemasan, tepi foto melengkung, ilustrasi adonan melingkar, dan daftar kertas yang tenang.

Tipografi

Fraunces, serif klasik yang lembut dengan italik sungguhan, memberi judul kehangatan label toko roti; DM Sans membawa bahan, jumlah, dan aksi.

Tata letak & komposisi

Potret bakery melengkung menghadap pengantar serif. Meja roti horizontal memisahkan pilihan, gambar orisinal, dan bahan; kertas daftar ambil berada di bawah.

Gerak & interaksi

Gerakan lambat foto pastry dalam batas, kontinuitas spring untuk pilihan roti, dan tombol tambah yang taktil. Kontrol daftar tetap terpasang agar fokus bertahan saat jumlah berubah.

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

  • Tiga gambar roti orisinal
  • Catatan bahan roti dan alergen contoh
  • Kontrol jumlah dan TXT daftar ambil
  • Buku desain meja roti dengan pemilih dan daftar ambil yang berfungsi

Cocok untuk

  • Toko roti yang perlu menjelaskan roti utuh dan pastry sebelum membicarakan pengambilan.

Di berbagai layar

Tangkapan layar desktop asli demo Roti Pagi.
Tangkapan layar desktop asli demo Roti Pagi.
Tangkapan layar ponsel asli demo Roti Pagi.
Tangkapan layar ponsel asli demo Roti Pagi.

Sudut pandang lain