Branding Sekolah
Fitur Branding memungkinkan setiap sekolah menyesuaikan tampilan platform CBT sesuai identitas institusi — logo, nama, dan warna.
Elemen yang Dapat Dikustomisasi
| Elemen | Spesifikasi | Keterangan |
|---|---|---|
| Logo Sekolah | PNG/JPG, maks. 2 MB | Ditampilkan di halaman login dan laporan PDF |
| Nama Sekolah | Teks (terkunci) | Diatur oleh Admin Pusat via SPA — tidak bisa diubah oleh admin sekolah |
| Alamat Sekolah | Textarea | Digunakan untuk export PDF resmi (kop surat) |
| Nama Kepsek | Teks | Nama kepala sekolah untuk tanda tangan di dokumen resmi |
| NIP Kepsek | Teks | Nomor Induk Pegawai untuk identifikasi di dokumen resmi |
| Background Login | PNG/JPG, maks. 5 MB | Gambar wallpaper di halaman login (otomatis diblur) |
| Warna Utama (Primary) | Hex color / color picker | Warna primary yang diterapkan pada tombol, sidebar, dan header UI |
Cara Mengubah Branding
Login sebagai Admin dan buka menu Branding dari sidebar
Pada bagian Identitas Sekolah & Kop Surat, lengkapi:
- Nama Sekolah — ditampilkan tapi terkunci (hanya bisa diubah oleh Admin Pusat)
- Alamat Lengkap — untuk kop surat dokumen PDF
- Nama Kepsek dan NIP — untuk tanda tangan resmi di export PDF
Pada bagian Logo, klik area upload dan pilih file gambar logo dari komputer Anda
💡 Gunakan logo dengan background transparan (PNG) untuk hasil terbaik
Pada bagian Background Login, upload wallpaper yang akan ditampilkan di halaman login (otomatis diblur)
Pilih Warna Utama menggunakan color picker atau masukkan kode hex secara manual (contoh: #4f46e5 untuk indigo)
Selesai
Klik Simpan Perubahan — perubahan branding langsung diterapkan di seluruh platform tanpa perlu restart
Di Mana Branding Tampil?
Branding yang dikonfigurasi akan muncul di lokasi-lokasi berikut:
| Lokasi | Detail |
|---|---|
| Halaman Login | Logo dan wallpaper background di halaman login |
| Dashboard | Nama sekolah di header |
| Kartu Ujian Cetak | Logo dan nama sekolah di kartu peserta ujian |
| Header Laporan PDF | Logo, nama sekolah, alamat, dan kepsek di kop surat export PDF |
Panduan Visual Logo
| Aspek | Rekomendasi |
|---|---|
| Format | PNG dengan transparansi (RGBA) |
| Ukuran ideal | 200×200 px atau lebih |
| Rasio | 1:1 (persegi) untuk hasil terbaik |
| Ukuran file | Di bawah 500 KB untuk loading cepat |
| Warna | Pastikan kontras baik di background terang dan gelap |
⚠️ Logo yang diupload akan di-resize otomatis agar sesuai layout. Hindari logo dengan teks kecil yang sulit terbaca saat diperkecil.
Warna Utama — Panduan Pemilihan
Warna utama akan mempengaruhi seluruh tampilan platform:
| Elemen UI | Pengaruh Warna |
|---|---|
| Tombol Primary | Warna latar tombol utama (Simpan, Buat, dll) |
| Sidebar Aktif | Highlight menu yang sedang aktif |
| Header | Aksen warna di header halaman |
| Badge & Aksen | Warna badge status, indikator, dan elemen dekoratif |
💡 Tip: Pilih warna yang sesuai seragam atau identitas visual sekolah. Hindari warna terlalu terang (seperti kuning cerah) karena bisa mengurangi kontras teks.
Persyaratan
- Fitur Branding harus diaktifkan di konfigurasi lisensi (feature flag:
custom_branding) - Hanya admin yang bisa mengubah branding — guru tidak memiliki akses ke menu ini
- Perubahan branding bersifat instan — langsung berlaku setelah disimpan