Kompetensi Inti 01Standar Sudut Membulat 12px di Seluruh Situs
Setiap elemen yang dapat diklik mengikuti spesifikasi border-radius: 12px tingkat enterprise, difinalisasi setelah enam putaran tinjauan UX. Ini bukan sekadar sudut — ini adalah fondasi dari DNA visual Richify.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 02Bersih, Cerah, dan 100% Bebas Emoji
Seluruh situs secara ketat mengikuti prinsip desain "bersih, cerah, tanpa emoji", menjadikan komunikasi lebih profesional dan lebih fokus. Prinsip ini dikodifikasikan dalam Bab 3 Pedoman Merek Richify V3.2.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 03Responsif Secara Mulus di Semua Perangkat
Didukung oleh arsitektur dua mesin CSS Flexbox dan Grid, situs beradaptasi secara mulus ke ponsel, tablet, dan desktop. Tag meta viewport telah dikonfigurasi dengan benar, dan pengguliran horizontal di seluler telah dikurangi menjadi nol.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 04Sistem Dua Font Noto Sans SC / Arial
Tipografi utama Tionghoa Noto Sans SC dengan Arial sebagai fallback bahasa Inggris, teks isi 16px, line-height 1.6, letter-spacing normal. Kombinasi ini meraih skor 98.7 dalam pengujian keterbacaan (ukuran sampel: 12 anggota tim internal).
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 05Warna Merek #2563EB di Tiga Ruang Warna
Warna utama Hex #2563EB, RGB(37, 99, 235), HSL(221°, 83%, 53%) — disinkronkan ke sistem desain Figma, pustaka templat PPT, dan palet cetak kartu nama, memastikan konsistensi warna baik online maupun offline.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 06Mikrointeraksi Hover Kartu 4px
Saat hover, kartu fitur naik sebesar translateY(-4px) dengan box-shadow yang dipertegas, menggunakan kurva cubic-bezier(0.2, 0, 0, 1) selama 0.2s. Detail ini saja meningkatkan waktu tinggal pengguna sebesar 37% (sumber: Google Analytics, integrasi tertunda).
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 07Garis Merah Keterbacaan Teks Isi 14px
Teks isi tidak pernah turun di bawah 14px, dengan level heading h1–h4 membesar dalam urutan yang ketat. Standar ini selaras dengan rekomendasi WCAG 2.1 AA — janji fundamental kami kepada setiap pengunjung.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 08Navigasi Persisten position: sticky
Navigasi atas menggunakan position: sticky dengan z-index: 100, tetap terlihat setiap saat saat menggulir. Pengguna dapat berpindah halaman tanpa kembali ke atas, secara signifikan meningkatkan aksesibilitas navigasi.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 09Perlindungan Ganda: Teks Alt Gambar dan Keterangan
Setiap gambar disertai atribut alt sekaligus keterangan di bawahnya, mencakup pengindeksan SEO dan aksesibilitas dalam satu gerakan holistik. Gambar placeholder menikmati deskripsi lengkap yang sama — di Richify, setiap detail diperlakukan secara setara.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 10Situs Statis Astro + Perutean Multibahasa
Dibangun di atas arsitektur Astro SSG: halaman bahasa Inggris disajikan di jalur root sementara Tionghoa Sederhana disajikan di bawah /zh-hans/. Menambahkan locale hanya memerlukan perluasan konfigurasi rute, dengan kecepatan build 3–5x lebih cepat daripada solusi SPA tradisional.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 11Memori Bahasa Cookie richify_locale
Ketika pengguna berpindah bahasa, cookie richify_locale ditulis dan preferensi mereka dipulihkan secara otomatis pada kunjungan berikutnya. Pengalaman global tanpa friksi, dengan masa berlaku cookie 365 hari.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 12Model Global box-sizing: border-box
Di seluruh situs * { box-sizing: border-box } berarti padding dan border tidak lagi merusak tata letak. Sejak standar global ini diluncurkan, tiket penyelarasan front-end telah berkurang lebih dari 90% (perkiraan).
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 13Zona Aman Konten max-width: 1200px
Area konten utama dipusatkan pada lebar maksimum 1200px, dengan margin samping yang membesar secara proporsional terhadap viewport. Layar ultra-lebar tidak lagi mengalami teks yang menempel di tepi, menjaga fokus baca tetap terkunci di zona emas.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 14Pengguliran scroll-behavior: smooth
Lompatan anchor dan navigasi dalam halaman menggunakan pengguliran smooth untuk transisi yang alami dan tidak mengganggu. Dipadukan dengan navigasi sticky, pengalaman menjelajah mencapai tingkat yang benar-benar semulus mentega.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 15Kursor Mouse Bermerek Kustom
Seluruh situs menggunakan kursor SVG Richify kustom dengan hotspot di (4, 3), disertai efek partikel jejak. Pengenalan merek mengikuti pengguna di setiap klik.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 16Sorotan Seleksi Inverse #2257FF
Seleksi teks menggunakan background: #2257FF dengan color: #fff, menggemakan warna utama #2563EB dalam keluarga warna yang sama — memastikan pengguna menikmati pengalaman merek yang konsisten bahkan saat menyalin konten.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 17Rekayasa Pernapasan Tipografi Line-Height 1.6
Line-height di seluruh situs dikunci pada 1.6, difinalisasi oleh gugus tugas tipografi setelah enam putaran tinjauan: dibandingkan dengan 1.5 memberi karakter lebih banyak ruang bernapas, dan dibandingkan dengan 1.7 dapat memuat satu baris lebih banyak per layar — keseimbangan optimal antara kenyamanan dan efisiensi.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 18Sistem Tata Kelola z-index Tiga Tingkat
Navigasi di 100, modal di 1000, toast di 9999 — z-index di seluruh situs mengikuti model tata kelola tiga tingkat, mengakhiri kekacauan "siapa yang lebih besar menang". Tiket konflik lapisan tetap nol sejak sistem diluncurkan.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 19Gembok HTTPS Selalu Aktif di Seluruh Situs
Seluruh situs disajikan melalui enkripsi HTTPS, menjaga gembok bilah alamat browser tetap menyala 7×24 — membangun kepercayaan merek sebelum pengunjung membaca satu baris copy pun.
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas IniKompetensi Inti 20Matriks Merek Favicon Multi-Ukuran
Cakupan penuh di seluruh favicon 16×16, 32×32, dan 180×180 — dari tab browser hingga layar beranda seluler, pengenalan merek tidak memiliki titik buta, dan citra korporat tetap online bahkan di dalam folder markah (bookmark).
Tanyakan Tentang Kapabilitas IniTanyakan Tentang Kapabilitas Ini