Rekavanta dirancang dengan pendekatan arsitektur digital dan desain editorial monokromatik bergaya Swiss/Brutalist modern yang presisi, performan tinggi, serta minimalis. Website ini merepresentasikan visi studio teknologi dalam menciptakan solusi perangkat lunak yang fungsional, elegan, dan berdampak nyata.
Klik untuk ukuran penuh
Tentang Portofolio Ini
Dokumentasi & Alur Fitur
Bagian 1
1. Arsitektur Clean Code & Berbasis React 19
- Kode dibangun dengan modularitas tinggi, memisahkan logika antarmuka (UI Components), penataan data (Studio Data), serta Type Definitions yang type-safe.
- Menggunakan Vite, TypeScript, dan Tailwind CSS untuk kecepatan proses build dan hot module replacement (HMR).
2. Dynamic Reveal Hover Effect (Minimalist Aesthetic)
- Pada bagian Selected Initiatives, kartu proyek mengusung konsep quiet editorial: deskripsi dan tombol call-to-action memudar masuk secara halus (smooth fade-in) dengan sedikit akselerasi ke atas hanya saat kursor diarahkan ke kartu.
- Dilengkapi dukungan penuh aksesibilitas keyboard (:focus-within), zero layout shift (tanpa pergeseran tata letak), serta fallback adaptif untuk perangkat layar sentuh (touchscreen/mobile).
3. Interaktivitas & Efek Visual Presisi
- Sliding Glider Navigation: Indikator pill navigasi hitam dinamis yang meluncur mengikuti posisi mouse dan section yang aktif saat di-scroll.
- Scroll Progress Tracker: Indikator progres scroll atas halaman berbasis akselerasi GPU (scaleX).
- Word-by-Word Manifesto Lighting: Efek iluminasi teks filosofi brand kata-demi-kata seiring pengguna menggulir halaman.
- Parallax Hero Stage: Efek gerak kedalaman halus pada potret figur utama berlatar monokromatik dengan Dark Glass Brand Plate.
- Interactive Modals:
- Initiative Brief Dialog: Tinjauan lengkap spesifikasi inisiatif proyek dengan integrasi langsung ke sesi diskusi.
- Studio Contact Modal: Formulir konsultasi interaktif dengan validasi komprehensif dan umpan balik pengiriman instan.
