Design System

Standar dan reusable components yang menjadi reference untuk semua desain. Variables, styles, dan components di-maintain di sini.

Main Structure

1. Variables
   Colors, typography, text styles yang foundational.

2. Styles & Elements
   Figma Styles yang translate ke clean class names di Webflow.

3. Components & Interactions
   Buttons, navbar, cards dengan states dan animations.

4. Assets
   Vector, Image dan video dalam design.

Workflow

Phase 1: Explore
Awal design, bebas eksperimen visual, layouting, dan eksplorasi. Tidak perlu terikat variables atau Design System rules.

Phase 2: Finalize
Setelah sudah menemukan main concept, bisa setup dan register semua Variables, Styles, dan Components dengan struktur yang rapi.

Phase 3: Cleanup
Sebelum handoff ke development, hapus draft variables, swatch kotor, dan komponen eksperimental yang tidak dipakai.