Masuk

Halaman pertama yang dilihat orang, dan satu-satunya yang harus bekerja sempurna tanpa bantuan.

Contoh

Satu kartu, dua field, satu tombol. Halaman ini memakai layout tanpa AppShell — tidak ada navigasi sebelum orang masuk.

Masuk untuk mengelola penjemputan dan laporan.

Lupa kata sandi?

Butuh akun? Hubungi admin lokasi Anda.

Aturannya

  • Logo memakai lockup berwordmark.shape="compact" atau stacked; mark sendirian tidak diizinkan panduan merek, dan halaman masuk adalah tempat paling terlihat untuk melanggarnya.
  • Form sungguhan dengan novalidate. Tombolnya type="submit" supaya Enter dari kolom kata sandi ikut mengirim, dan validasinya milik aplikasi supaya pesannya berbahasa Indonesia.
  • Kesalahan dijelaskan di satu tempat.Alert di atas form untuk kegagalan masuk; pesan per field untuk yang bisa diperbaiki di field itu. Jangan pernah menyebut mana yang salah antara email atau kata sandi.
  • Beri autocomplete yang benar — username dan current-password — supaya pengelola kata sandi bekerja. FormPassword sudah membawa tombol lihat/sembunyikan yang bisa dibacakan.
  • Tombol memakai loading, bukan disabled diam. Tombol yang menunggu tetap memegang fokus dan menyatakan dirinya sedang bekerja.