internal workflow

Sebelum kode UI ditulis, ada 5 langkah wajib, dan hook yang beneran nolak publish kalau salah satu kelewat.

5Langkah
0Em Dash
scroll ↓
01

Komponen

Cari referensi struktur di 21st.dev dulu, sebelum nulis dari kebiasaan sendiri. Kalau semua hasil generic, itu alasan buat bangun manual.

search("commission card") → 5 hasil generic → build manual
02

Motion

Animasi nyambung ke subject, pakai easing spring yang natural, bukan efek generic yang bisa dipasang di halaman manapun.

kartu kopi → uap ngepul, bukan fade-in biasa
03

Layout

Komposisi ditentukan dari bentuk subject aslinya. Satu momen visual jadi pusat perhatian, bukan semua elemen rata dan aman.

pre-order kopi → bentuk struk tiket, bukan card kotak
04

Font

Font di-fetch dari Google Fonts, di-embed base64 langsung ke HTML, jadi gak silent-fail kena CSP artifact.

@font-face src: data:font/ttf;base64,...
05

Copywriting

Seven Sweeps plus voice register asli, dan satu aturan mutlak, gak ada em dash sama sekali di teks manapun.

"Isi Slot #3 Sekarang" bukan "Hire Me Now"

Juni Palette

Font halaman ini

IBM Plex Mono

Karla untuk paragraf, satu warna komit penuh per section, terinspirasi Awwwards.

Yang jujur belum bisa ditutup

Hook bisa mastiin font ke-embed, tema gelap-terang ada, dan marker bukti riset ke-isi.

Tapi isi marker itu jujur atau enggak, itu di luar jangkauan mesin. Audit manual sesekali tetap perlu.