Penting:Bangun situs web korporat premium. Beranda harus menonjolkan visi merek, kapabilitas bisnis, nilai pelanggan, dan informasi kontak.

Kompetensi Inti

20 Kompetensi Inti yang Membangun Benteng Teknis yang Sulit Ditiru

Setiap kapabilitas di bawah ini telah lulus penerimaan internal, telah ditulis ke dalam White Paper Kapabilitas Digital Perusahaan Richify, dan telah disinkronkan ke tanda tangan email setiap karyawan.
Kompetensi Inti 01

Standar 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 Ini
Kompetensi Inti 02

Bersih, 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 Ini
Kompetensi Inti 03

Responsif 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 Ini
Kompetensi Inti 04

Sistem 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 Ini
Kompetensi Inti 05

Warna 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 Ini
Kompetensi Inti 06

Mikrointeraksi 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 Ini
Kompetensi Inti 07

Garis 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 Ini
Kompetensi Inti 08

Navigasi 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 Ini
Kompetensi Inti 09

Perlindungan 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 Ini
Kompetensi Inti 10

Situs 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 Ini
Kompetensi Inti 11

Memori 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 Ini
Kompetensi Inti 12

Model 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 Ini
Kompetensi Inti 13

Zona 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 Ini
Kompetensi Inti 14

Pengguliran 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 Ini
Kompetensi Inti 16

Sorotan 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 Ini
Kompetensi Inti 17

Rekayasa 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 Ini
Kompetensi Inti 18

Sistem 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 Ini
Kompetensi Inti 20

Matriks 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 Ini

Model Kematangan Kapabilitas

01Inisial
02Terstandarisasi
03Ter-platform-isasi
04Ter-ekosistem-isasi