Fondasi Desain
Warna
Skala warna primer Biru Majalengka (#0014A8), netral, status, dan aksen lokal mangga.
Basis primer identitas digital Kabupaten Majalengka berakar pada warna #0014A8 (Biru Majalengka 700), biru pekat yang condong ke navy formal. Warna ini memberikan kesan serius dan berwibawa tanpa terkesan dingin, dengan kontras sangat tinggi di atas latar putih (mencapai 13:1, jauh melampaui batas minimum WCAG AA 4.5:1).
Simulator Palet Interaktif
Skala Primer: Biru Majalengka (#0014A8)
Klik kartu warna mana saja untuk menyalin kode Hex ke clipboard.
50
#EEF1FF
Latar alert info
100
#DDE3FF
Latar badge
200
#BCC7FF
Garis tepi lembut
300
#94A3FF
Link mode gelap
400
#6B7DFF
Aksen mode gelap
500
#4256F5
Focus ring
600
#2434D6
Ikon aksen
700Utama
#0014A8
Aksi Utama (13:1)
800
#001086
Hover tombol primer
900
#000C63
State pressed
950
#00073A
Latar gelap
Skala Netral (Beraksen Biru Halus)
50
#FFFFFF
Latar card
100
#F7F8FA
Kanvas halaman
200
#EEF0F4
Latar sekunder
300
#DFE3EA
Garis pemisah
400
#C6CCD8
Border input
500
#97A0B2
Border fokus off
600
#6B7488
Teks sekunder (4.6:1)
700
#4C5466
Teks subjudul
800
#363D4D
Teks penting
900
#222834
Teks utama (14.5:1)
950
#0B0E15
Hitam pekat
Aturan Pemakaian Warna
- Warna Bukan Satu-satunya Penanda
Status penting (misalnya "Permohonan Ditolak" atau "Verifikasi Gagal") wajib disertai ikon visual dan label teks eksplisit, bukan hanya teks merah. - Keseragaman Tombol Primer
Tombol aksi primer di seluruh aplikasi dinas/instansi selalu menggunakanprimary-700dengan teks putih. Dilarang mengganti warna tombol primer menjadi warna khas dinas (misal hijau Dishub atau kuning DPUTR). Identitas dinas diletakkan pada header dan aksen. - Batas Aman Teks Sekunder
Netral 400 (#C6CCD8) dan Netral 500 (#97A0B2) dilarang keras dijadikan warna teks di atas latar putih karena rasio kontrasnya di bawah 4.5:1. Gunakan minimal Netral 600 (#6B7488) ke atas. - Aksen Kuning Mangga (#F0A202)
Aksen kuning mangga gedong gincu adalah sentuhan khas lokal untuk ilustrasi, grafik statistik, dan penanda "fitur baru". Batas porsinya maksimal 5% dari keseluruhan komposisi halaman. Dilarang dipakai untuk teks panjang di atas putih atau tombol utama.
Uji Kontras Warna Langsung
Gunakan alat berikut untuk memvalidasi kepatuhan rasio kontras warna Anda:
Kalkulator Rasio Kontras WCAG AA (Attested Computation)
Uji kombinasi warna teks dan latar belakang secara langsung sesuai standar WCAG 2.1 Level AA (minimal 4.5:1 untuk teks normal).
Pratinjau Tampilan Teks
Pemerintah Kabupaten Majalengka
Layanan administrasi kependudukan dan perizinan terpadu online.
Rasio: 12.61:1Lolos WCAG AA
WCAG AA Normal
Lolos (≥4.5:1)
WCAG AA Besar / UI
Lolos (≥3.0:1)
WCAG AAA
Lolos (≥7.0:1)