twc-018 / Studi oleh Syafril · bukan proyek klien
Sanggar latihan kecil yang fiktif, dengan situs berupa papan latihan kelasnya. Layar pertama adalah latihan hari ini: pilih versi A atau B, periksa, dan stempel ✳ guru menandai jawaban yang tepat. Tiga tingkat pengalaman melintasi tiga jalur, dan halaman kelas coba menyusun kartu yang dibawa pengunjung.
BACA KEPUTUSAN DESAIN
Tangkapan layar menunjukkan pembuka yang diimplementasikan. Catatan menghubungkan komposisinya dengan pengalaman yang berfungsi dan perilaku di ponsel.
Layar pertama adalah latihan hari ini, bukan slogan: soalnya menjadi h1 halaman, dengan petunjuk dan tautan ke latihan lengkap. Tiga jalur menggantung di papan sebagai tab; di ponsel hanya tab aktif yang menyebut namanya.
Versi A dan B adalah radio asli yang digambar sebagai kartu. Jawaban tepat tercatat di catatan latihan dan mendapat stempel ✳ guru; hasilnya diucapkan di baris status, dan jawaban salah mendapat petunjuk, bukan merah.
Pelat terisi di papan nama mengarah ke bekal kelas coba: empat hal untuk dibawa, kartu yang ikut berubah saat dicentang, dan catatan TXT. Tidak ada formulir, jadwal, biaya, atau data pribadi yang dikirim.
#f3ce58#203c4b#23624c#f9e7abYANG TERSEDIA / LANGKAH BERIKUTNYA
Coba dulu satu latihan.
Alat ini mencakup ruang kerja yang berfungsi dan buku komponen sendiri. Kontrolnya mengolah status lokal.
Ekspor dibuat di browser Anda. Tidak terhubung dengan akun, penyimpanan awan, atau layanan eksternal.
Studi desain fiktif. Latihan, tingkat, dan jumlah pertemuan bersifat ilustratif; tidak ada jadwal, biaya, akreditasi, atau pendaftaran, dan ekspor tetap menjadi artefak perencanaan lokal.
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 iniCoba dulu satu latihan. Kursus dan sekolah kecil dinilai dari rasanya belajar di sana, jadi papan latihan menjadi seluruh situs: papan nama di atas, tab jalur yang menggantung di papan, satu soal, dua versi, dan stempel.
Kuning ruang kerja untuk dinding, krem papan, garis tinta biru 2 px, dan bayangan tinta tegas; gambar latihan, stempel, dan butir yang dicentang berwarna hijau. Lambang perisai dengan percik (✳, “pijar”) menandai sekolah, stempel, dan setiap latihan selesai.
Lexend, yang dirancang agar lebih mudah dibaca, membentuk soal, wordmark, judul papan, dan tombol. DM Sans dipakai untuk latihan, tab, lembar program, dan kartu kelas coba. Tanpa huruf monospace.
Setiap halaman adalah satu papan di kelas: papan nama sekolah (lambang, wordmark, bab, dan pelat terisi Kelas coba), papan dengan tab yang menggantung di tepi atas dan catatan di kanan, lalu kaki bergaris. Pembuka menaruh soal di kiri dan versi A/B di kanan, dengan tiga cara ikut di bawahnya. Di ponsel papan nama jadi dua baris dan papan dibaca soal, pilihan, periksa, hasil.
Tanpa pustaka gerak. Setelah jawaban tepat, stempel mendarat dengan skala singkat, hanya bila gerak diizinkan dan perangkat tidak terbatas; reduced motion menampilkannya diam. Kemiringan kartu kelas coba statis.
Halaman Next.js statis dwibahasa dengan dua draf browser tervalidasi (catatan latihan dan bekal kelas coba), ekspor TXT eksplisit, dan komponen berscope independen. Tanpa akun, pengiriman eksternal, atau transaksi produksi.
Radio dan kotak centang asli, tombol tekan untuk tingkat dan jalur, hitungan langsung pada bekal, dan setiap hasil diucapkan di baris status (stempel hanya hiasan). Fokus terlihat, target 44 px, tidak ada keadaan yang hanya dibedakan warna, reduced motion.
Waktu luang, yang sengaja.