Kedai Kopi Lokal Salatiga

Ngopi Santai,
Rasa Serius.

Biji robusta dan arabika dari petani Jawa Tengah, diseduh pelan-pelan di sudut Salatiga yang tenang. Datang untuk kopinya, betah karena suasananya.

Memeriksa jam buka… Hari ini: —

Lihat Menu Jam & Lokasi

Bar kedai kopi Senja Kala yang ramai — barista Indonesia melayani pengunjung di depan mesin espresso kayu

Biji Lokal Jawa TengahRobusta Temanggung & arabika Merbabu, disangrai tiap pekan.

12 MenuKopi, non-kopi & camilan rumahan

07.00–23.00Jam buka terpanjang di akhir pekan

SalatigaJawa Tengah — 10 menit dari pusat kota

Kenapa Senja Kala

Kecil Kedainya, Serius Kopinya

Empat hal yang kami jaga setiap hari — dari biji sampai gelas terakhir.

Biji Lokal Pilihan

Robusta Temanggung dan arabika lereng Merbabu langsung dari petani, disangrai dalam batch kecil tiap pekan.

Seduh Sesuai Selera

Tubruk, V60, french press, atau espresso — barista kami bantu pilihkan metode yang paling cocok di lidahmu.

Nyaman Buat Nugas

Wi-Fi kencang, colokan di hampir setiap meja, dan musik yang tidak mengalahkan obrolan. Lama-lama juga boleh.

Harga Anak Kos

Mulai Rp10.000 sudah bisa ngopi beneran. Tidak ada biaya parkir, tidak ada minimum belanja untuk duduk lama.

Cara Pesan

Tiga Langkah Sampai ke Mejamu

Tanpa aplikasi tambahan, tanpa antre di kasir. Semua lewat WhatsApp yang sudah ada di HP-mu.

Pilih Menu

Telusuri menu di atas, ketuk + Tambah, atur jumlahnya. Keranjang menghitung total secara langsung.

Kirim via WhatsApp

Isi nama dan pilih diambil atau diantar. Satu ketukan menyusun seluruh pesananmu jadi pesan WhatsApp yang rapi.

Ambil atau Diantar

Barista membalas dengan estimasi waktu. Bayar di tempat atau via QRIS — kopi datang, urusan selesai.

Keranjangmu

SubtotalRp0

Ongkos antarRp0

TotalRp0

Barista Indonesia berhijab tersenyum di balik meja kasir kedai kopi kayu Senja Kala

Tentang Kami

Warung Kopi Kecil di Kota yang Sejuk

Senja Kala berdiri tahun 2021 (cerita contoh) di Salatiga — kota kecil di kaki Gunung Merbabu yang udaranya membuat kopi panas terasa dua kali lebih nikmat. Kami mulai dari satu meja bar dan mesin espresso bekas, dan sampai sekarang semua minuman tetap dibuat satu per satu.

Nama “Senja Kala” datang dari jam favorit pengunjung kami: pukul lima sore, saat cahaya masuk miring lewat jendela dan semua orang seperti sepakat untuk melambat sebentar.

Biji dari petani Jawa Tengah, tanpa perantara panjang
Gula, susu, dan camilan dari warung & UMKM sekitar Salatiga
Ruang bebas asap rokok di dalam, area luar untuk yang merokok

Galeri

Suasana Senja Kala

Sudut-sudut kedai dan gelas-gelas yang paling sering difoto pengunjung.

Interior kedai kopi berdinding kayu gelap dengan bar espresso dan etalase kue — Bar utama & etalase kue

Secangkir kopi tubruk pekat di atas tatakan, dilihat dari atas — Tubruk, apa adanya

Es kopi susu dalam gelas plastik untuk dibawa pulang, di atas meja kayu — Untuk dibawa pulang

Meja kasir kedai kopi kayu dengan papan menu tulis tangan dan etalase camilan — Kasir & papan menu

Kata Pengunjung

Yang Sudah Mampir, Kembali Lagi

Testimoni berikut adalah ilustrasi contoh untuk keperluan demo portofolio.

“Es kopi gula arennya konsisten — tidak pernah kemanisan. Tempat langganan nugas karena colokannya banyak dan tidak pernah diusir meski duduk lama.”

Rani PuspitaMahasiswa, Tingkir (contoh)

“Pesan lewat WhatsApp dari kantor, sampai kedai tinggal ambil. Tubruknya mantap, pisang goreng coklat kejunya wajib sekalian.”

Bimo AditamaPegawai swasta, Sidorejo (contoh)

“Bukan penikmat kopi, tapi matcha latte dan coklat panasnya juara. Baristanya ramah, ditanya-tanya soal biji dijawab panjang lebar.”

Sari WulandariGuru, Argomulyo (contoh)

Jam Buka & Lokasi

Mampir, Pintu Kami Terbuka

Jam buka ditampilkan lengkap dan jelas — tidak disembunyikan. Baris yang ditandai adalah hari ini (waktu WIB).

Alamat & Kontak (Contoh)

Senja Kala — Kedai Kopi
Jl. Senja Raya No. 8, Sidorejo,
Kota Salatiga, Jawa Tengah 50711 (alamat contoh)

WhatsApp (contoh): 0812-3456-7890
Email (contoh): halo@senjakala.contoh

Dapur terakhir menerima pesanan 30 menit sebelum tutup. Pengantaran dalam kota Salatiga, maks. 5 km dari kedai.

Lihat di Google Maps Lihat Menu Dulu

Di Balik Layar

Dibangun dengan UI UX Pro Max

Halaman kedai kopi ini adalah versi perbandingan: isinya sama dengan contoh kedai kopi biasa, tetapi seluruh keputusan visualnya diambil dari design system yang dihasilkan skill UI UX Pro Max untuk kategori usaha “coffee shop cafe”. Hasilnya bukan tebakan — ada token warna, pasangan font, dan aturan UX yang bisa ditunjukkan angkanya.

Primary#92400ETombol & aksen utama

Secondary#B45309Hover & penanda

Background#FEF3C7Krem hangat

Foreground#78350FTeks & garis blok

Card#FFFFFFPermukaan kartu

Border#FDE68AGaris pemisah lembut

Muted#EDEEF0Latar sekunder

Destructive#DC2626Aksi hapus / status tutup

Tipografi dari Skill

Playfair Display SC untuk Judul yang Berani

Isi teks memakai Karla — sans-serif yang bersih dan ramah, terbaca jelas di ukuran kecil pada daftar harga dan formulir. Pasangan font ini adalah rekomendasi skill untuk kategori restoran & kafe: judul serif yang elegan untuk kesan kuliner, isi yang fungsional untuk kecepatan baca. Ukuran judul utama 32px ke atas, sesuai aturan efek “large type” pada gaya Vibrant & Block-based.

Aturan UX yang Diterapkan

Kontras teks minimal 4,5:1 — cokelat tua #78350F di atas krem #FEF3C7 lolos jauh di atas ambang
Semua target sentuh minimal 44×44px — tombol, chip filter, dan pengatur jumlah
Focus state terlihat jelas untuk navigasi keyboard (cincin 3px)
Ikon selalu SVG (gaya Lucide), tidak ada emoji sebagai ikon
Jam buka tampil lengkap per hari — skill secara eksplisit melarang menyembunyikannya
Gerakan menghormati prefers-reduced-motion; transisi tegas 150–300ms
Responsif di 375 / 768 / 1024 / 1440px tanpa geser horizontal

Perbandingan: Versi Biasa vs Versi Pro Max
Aspek	Contoh Website Biasa	Versi UI UX Pro Max (Halaman Ini)
Gaya visual	Mengikuti selera sesaat; berisiko terlihat seperti template generik	“Vibrant & Block-based” dari database gaya skill: blok geometris tegas, bayangan keras, duotone hangat
Warna	Dipilih manual, sering tidak konsisten antarhalaman	Token semantik persis dari skill: primary #92400E, background #FEF3C7, foreground #78350F — konsisten di semua komponen
Tipografi	Satu font untuk semua, hierarki datar	Pasangan font hasil kurasi skill untuk kafe: Playfair Display SC (judul 32px+) + Karla (isi)
Aksesibilitas	Sebatas “yang penting tampil”	Checklist skill diterapkan: kontras ≥4,5:1, target sentuh ≥44px, focus terlihat, reduced-motion dihormati
Jam buka	Sering hanya ditulis kecil di footer	Bagian khusus dengan tabel per hari + status buka/tutup langsung — skill menegaskan jam tidak boleh disembunyikan
Keputusan desain	Sulit dijelaskan ke klien selain “bagus menurut kami”	Setiap pilihan bisa ditunjuk sumbernya: gaya, palet, font, dan aturan UX berasal dari database skill yang bisa dicari

Ngopi Santai,
Rasa Serius.