01
Two-step workflow
Alur email dan link dipisahkan agar status proses selalu mudah dibaca.
M-AM PRO / FEATURES
Fitur yang bikin workflow terasa premium.
Semua elemen dibuat dengan pendekatan neo brutalism: border tebal, shadow offset, warna berani, dan motion yang terasa hidup.
02
Human check
Challenge ringan sebelum request dikirim untuk mengurangi submit tidak sengaja.
03
AOS animation
Section masuk dengan reveal, fade, zoom, dan slide saat pengguna scroll.
04
Micro interaction
Hover, press, focus, loading, dan success state dibuat konsisten.
05
Responsive first
Layout mengikuti ukuran layar dan tetap nyaman digunakan dari HP.
06
Centralized copy
Semua teks UI berada di lib/settings.ts sehingga gampang diganti.
Design system
Design tokens dibuat supaya warna, radius, border, dan shadow bisa dikembangkan tanpa merusak karakter visual.
8px shadow2px borderBold type
Spec
StyleNeo Brutalism
MotionAOS + CSS micro interaction
FrameworkNext.js + TypeScript
UITailwind CSS + shadcn/ui
DeployVercel ready
Platform aktivasi Alight Motion Premium tanpa login. Hanya membutuhkan Email dan Link Login.