Webflow
Introduction
Panduan teknis untuk memastikan proses slicing di Webflow dilakukan secara konsisten, rapi, dan sesuai standar template.
Overview
Dokumentasi ini bertujuan untuk memastikan proses slicing di Webflow dilakukan secara konsisten, rapi, dan sesuai standar template. Fokus utama adalah implementasi teknis, bukan desain.
Tujuan
Seluruh panduan ini dibuat untuk memastikan hasil slicing:
- Konsisten — setiap halaman mengikuti struktur dan standar yang sama
- Terstruktur — mudah dibaca dan dikembangkan lebih lanjut
- Mudah dipelihara — perubahan dapat dilakukan secara global tanpa harus menyentuh setiap elemen satu per satu
Kategori Panduan
| Kategori | Deskripsi |
|---|---|
| Struktur Dasar | Section, container, wrapper, spacing, dan container width |
| Penamaan Class | Standar naming, reusable class, dan combo class |
| Styling | Typography mapping dan penggunaan warna |
| Layout | Flexbox dan Grid |
| Components | Navbar, footer, dan section yang dapat dipakai ulang |
| SEO & Assets | Heading hierarchy dan aturan image |
| Workflow | Alur kerja slicing dari Figma ke Webflow |
| Anti-Patterns | Hal-hal yang harus dihindari dan standar navigator |
Seluruh proses harus mengikuti sistem yang telah ditentukan untuk menghindari kesalahan dan inkonsistensi.