Mega Mendung
Awan berlapis khas Cirebon — gradasi warnanya melambangkan kesabaran: semakin gelap di tepi, semakin tenang di hati.
Batik Tulis & Cap — Solo
Batik Asli,
Batik Asli,
Gaya Masa Kini.
Kemeja, blus, dress, sarimbit, sampai kain batik tulis — dibuat pengrajin mitra di Solo & Cirebon dengan motif klasik Mega Mendung, Kawung, dan Parang. Pilih ukuran, masukkan keranjang, pesan langsung lewat WhatsApp.
Dikerjakan Pengrajin
Batik tulis dan cap dari pengrajin mitra di Solo dan Cirebon — bukan cetakan massal.
Jahitan Rapi Berfuring
Kemeja dan blus premium dilapisi furing trikot — jatuh rapi, tidak menerawang.
Bisa Tukar Ukuran
Ukuran kekecilan atau kebesaran? Tukar dalam 7 hari, selama label belum dilepas.
Kirim Se-Indonesia
Pengiriman dari Solo ke seluruh Indonesia. Gratis ongkir untuk belanja ≥ Rp500.000.
01 — Koleksi
Katalog Produk
Klik Detail untuk melihat deskripsi dan memilih ukuran, atau langsung + Keranjang. Harga dalam Rupiah.
02 — Warisan Motif
Motif Klasik Kami
Setiap motif punya makna. Tiga yang paling dicari pelanggan Larasati:
Kawung & Kombinasi
Lingkaran Kawung dari zaman Mataram kuno, dipadukan panel Mega Mendung — klasik yang tetap tegas dipakai hari ini.
Parang & Sogan
Garis diagonal Parang yang tak terputus dan warna sogan cokelat khas Solo — wibawa yang tidak perlu berteriak.
03 — Dari Canting ke Lemari
Proses Pembuatan
1
Digambar dengan Canting
Motif digambar tangan di atas kain katun primissima dengan malam (lilin) panas — satu kain tulis bisa dikerjakan 3–7 hari.
2
Pewarnaan Bertahap
Kain dicelup, dijemur, dan dicanting ulang lapis demi lapis sampai gradasi warna motifnya keluar.
3
Pelorodan & Pencucian
Malam dilepas dengan air panas, kain dicuci bersih dan dijemur — warna dikunci agar tidak mudah luntur.
4
Dijahit & Dicek Satu-Satu
Kain dipotong mengikuti pola motif, dijahit penjahit mitra, lalu lolos cek jahitan dan kancing sebelum dikemas.
04 — Kata Pelanggan
Testimoni
★★★★★
“Kemeja sogannya rapi sekali, motifnya pas di tengah. Sudah dua kali pesan buat seragam kantor, ukurannya konsisten.”
Pak Hendra WijayaPelanggan seragam kantor — Jakarta★★★★★
“Blusnya nyaman dipakai ngajar seharian, bahannya adem. Saya berhijab dan potongannya sopan — tidak ketat, tetap cantik.”
Ibu Ratna SariGuru — Yogyakarta★★★★★
“Sarimbit buat lamaran kemarin dipuji banyak tamu. Adminnya fast-respons di WhatsApp, tukar ukuran juga gampang.”
Mbak Dewi AnggrainiPembeli sarimbit — SemarangCatatan: testimoni di halaman contoh ini bersifat ilustratif — menggambarkan pengalaman yang ditargetkan toko seperti ini, bukan kutipan pelanggan sungguhan.
05 — Kunjungi Kami
Info Toko
Jam Buka
- Senin – Sabtu08.00 – 20.00 WIB
- Minggu09.00 – 17.00 WIB
- Status sekarang—
Alamat (Contoh)
Jl. Slamet Riyadi No. 123, Laweyan,
Kota Surakarta (Solo), Jawa Tengah.
Dekat kawasan sentra batik Laweyan.
Kontak (Contoh)
WhatsApp: 0812-3456-7890
Email: halo@batiklarasati.example
Pemesanan seragam & grosir: chat WhatsApp, sebutkan jumlah dan tanggal kebutuhan.
06 — Di Balik Layar Desain
Penjelasan Pro Max
Halaman ini dibangun mengikuti design system dari skill UI UX Pro Max untuk toko fashion/batik: gaya Minimalism & Swiss Style — bersih, grid tegas, tipografi kuat. Di bawah ini token persis yang dipakai, supaya versi ini bisa dibandingkan dengan versi biasa.
Token Warna
Primary#BE185D
Secondary#EC4899
Accent / CTA#D97706
Background#FDF2F8
Foreground#0F172A
Card#FFFFFF
Pink magenta yang tegas menggantikan palet sogan-cokelat versi biasa: kesan fashion modern, kontras tinggi, dan mudah dikenali sebagai identitas toko. Border & kartu mengikuti ramp pink yang sama.
Spesimen Tipografi
Judul — Outfit (700–900)
Batik Asli, Gaya Masa Kini — 1234567890
Isi — Work Sans (400–700)
Kemeja batik tulis motif Mega Mendung, dijahit rapi dengan furing. Ukuran S sampai XXL, bisa tukar ukuran dalam 7 hari. Pesan lewat WhatsApp, kirim ke seluruh Indonesia.
Angka Harga — Outfit 800
Rp389.000
Aturan UX Skill yang Diterapkan
- Ikon selalu SVG (Lucide-style) — tidak ada emoji sebagai ikon.
- Kontras teks ≥ 4,5:1 — teks utama #0F172A di atas #FDF2F8, teks putih di atas Primary #BE185D.
- Focus state terlihat jelas (garis aksen 3px) untuk navigasi keyboard.
- Semua target sentuh ≥ 44px: tombol, chip filter, pilihan ukuran, dan stepper jumlah.
- Menghormati prefers-reduced-motion — transisi dimatikan bagi yang memintanya.
- Responsif di 375 / 768 / 1024 / 1440px — grid katalog menumpuk rapi, tanpa scroll menyamping.
- Setiap foto punya teks alt yang menjelaskan isi gambar.
Ciri Khas Swiss Style di Halaman Ini
- Grid tegas dengan garis pemisah tebal dan sudut siku — bukan kartu melayang serba bulat.
- Tipografi besar berperan sebagai elemen desain utama (judul kapital, nomor seksi raksasa).
- Ruang kosong dipakai dengan sengaja; satu pesan utama per blok.
- Bayangan keras (hard shadow) searah pada tombol dan kartu — tegas, bukan blur lembut.
Perbandingan: Versi Biasa vs Versi Pro Max
| Aspek | Versi Biasa | Versi Pro Max (halaman ini) |
|---|---|---|
| Gaya visual | Template e-commerce umum: kartu membulat, bayangan lembut, ornamen batik di sana-sini. | Minimalism & Swiss Style — grid tegas, garis tebal, sudut siku, tipografi sebagai elemen utama. |
| Warna | Palet dipilih manual (nuansa sogan/cokelat tradisional), tidak terdokumentasi sebagai token. | Token resmi skill: Primary #BE185D, Secondary #EC4899, Accent #D97706, Background #FDF2F8, Foreground #0F172A. |
| Tipografi | Satu font generik untuk judul dan isi. | Pasangan font dari skill: judul Outfit, isi Work Sans — hierarki ukuran jelas dari hero sampai harga. |
| Tata letak | Alur standar hero → katalog → footer. | Pola Feature-Rich Showcase: hero + strip fakta, keunggulan bernomor seksi 01–06, CTA berulang. |
| Ikon | Campuran ikon bawaan template. | Semua ikon SVG satu gaya garis (Lucide-style), tanpa emoji. |
| Aksesibilitas | Sebatas responsif dasar. | Kontras ≥ 4,5:1, focus state terlihat, target sentuh ≥ 44px, reduced-motion dihormati, alt text lengkap. |
| Dokumentasi desain | Tidak ada — warna/fonta hanya “terasa” dari tampilannya. | Bagian ini: swatch token, spesimen tipografi, dan checklist aturan UX yang diterapkan. |