Cara situs ini dibuat

PRINSIP

Tiga aturan yang tidak bisa ditawar

Konten lebih utama dari hiasan

Cerita disimpan sebagai file teks berversi (MDX) — aset jangka panjang yang tetap hidup walau visual diganti total.

Gerak hanya yang bermakna

Animasi dibatasi transform & opacity, hormati preferensi reduced-motion, dan setiap efek punya versi statis yang tetap elegan.

Ringan itu fitur

Anggaran performa ketat (LCP < 2,5 dtk, INP < 200 mdtk): tanpa font unduhan, tanpa pelacak berat, gambar lewat pipeline modern.

TUMPUKAN

Mesin di balik halaman

Framework

Next.js (App Router) · React · TypeScript

Gaya

Tailwind CSS v4 dengan design token milik sendiri

Gerak

Motion (LazyMotion) + CSS scroll-driven untuk lapisan gratis

Konten

MDX + frontmatter tervalidasi Zod, dikelola di git

Deploy

Vercel — preview per branch, produksi di aisaerang.com

TIPOGRAFI & WARNA

Huruf lokal, empat sungai warna

Huruf dimuat lokal (tanpa fetch eksternal): Space Grotesk untuk judul, Inter untuk teks. Empat aksen spektrum — life, creation, technology, nature — dipakai hemat sebagai penunjuk arah, bukan dekorasi.

MEDIA

Foto yang dihormati

Foto asli disimpan utuh; penyajian lewat next/image dengan ukuran responsif. Gerakan halus ala Ken Burns menghidupkan foto utama — dan mati total bagi yang memilih tanpa gerak.

AKSESIBILITAS

Untuk semua cara membaca

Kontras WCAG AA pada kedua mode terang/gelap, navigasi keyboard penuh, fokus terlihat, konten tetap utuh di DOM tanpa JavaScript — gerak adalah bonus, bukan syarat.