Các công cụ Vibe Code

Triết Lý Thiết Kế Tối Giản

Upwork, Skool, Linear, Notion - những sản phẩm hàng đầu đều có điểm chung: giao diện sạch sẽ, tập trung vào nội dung. Bài học này dạy bạn cách prompt AI để đạt được aesthetic này.

Nguyên Tắc "Less is More"

Thay vì nói:

"Thiết kế một trang dashboard đẹp"

Hãy nói:

"Thiết kế dashboard với:
- Background: neutral white (#FAFAFA)
- Ít nhất 40% whitespace
- Maximum 3 màu chính
- No gradients, no shadows nặng
- Typography: Inter hoặc system font
- Border-radius: 8px consistent"

Framework CLEAN Cho Minimalist Design

C - Contrast (Độ tương phản): Chỉ dùng contrast cho elements quan trọng nhất.

Prompt: "Primary CTA button có contrast ratio > 7:1.
Text links subtle hơn, chỉ underline khi hover."

L - Layout (Bố cục): Grid system rõ ràng, alignment nhất quán.

Prompt: "Sử dụng 12-column grid với Tailwind.
Content width max-w-5xl, center aligned.
Consistent spacing: gap-6 giữa sections."

E - Elements (Thành phần): Mỗi element phải có mục đích rõ ràng.

Prompt: "Loại bỏ decorative elements không cần thiết.
Icons chỉ dùng khi cần visual clarity.
Buttons: chỉ 2 variants (primary, secondary)."

A - Alignment (Căn chỉnh): Mọi thứ phải align theo hệ thống.

Prompt: "Left-align text content.
Center-align hero sections.
Right-align action buttons trong forms."

N - Negative Space (Khoảng trống): Whitespace là design element quan trọng nhất.

Prompt: "Padding: p-8 cho cards, py-16 cho sections.
Margin between sections: my-20.
Line-height: 1.6 cho body text."

So Sánh: Prompt Kém vs Prompt Tốt

Pro Tips

• Reference trực tiếp: "Style giống dashboard của Linear.app"
• Specify numbers: "8px border-radius" thay vì "rounded corners"
• Negative constraints: "Không dùng drop shadows nặng hơn shadow-sm"

🎯 Key Insight: Minimalism không phải là làm ít đi, mà là loại bỏ tất cả những gì không cần thiết để highlight điều quan trọng.