Struktur Dasar

Standar struktur section, container, wrapper, spacing, dan container width di Webflow.

Hierarki Elemen

Semua section harus menggunakan struktur berikut:

📦 Section
└── 📦 Container
    └── 📦 Wrapper
        ├── 🔤 Heading
        └── 🔤 Paragraph

Menempatkan elemen langsung di dalam section tanpa container akan menyebabkan layout tidak konsisten pada halaman lain.

Tidak diperbolehkan menempatkan elemen langsung di dalam body (kecuali elemen global)
Wrapper wajib menggunakan Flexbox atau Grid — tidak menggunakan div kosong tanpa fungsi

Gunakan standar padding horizontal berikut untuk setiap breakpoint:

Semua nilai padding ini wajib dibuat sebagai variable di Webflow dan digunakan secara konsisten di seluruh halaman.

Jika tidak ada instruksi khusus pada desain Figma mengenai padding horizontal section, baru wajib menggunakan standar di atas sebagai default.

Halaman	Max-Width
Home	`1400px`
Halaman lain	Dibuat sebagai variable jika berbeda

Seluruh nilai max-width container harus dikelola menggunakan variable Webflow, bukan diatur manual per elemen.