---
title: "Định hướng thiết kế"
url: https://phatdev.net/docs/iga/thiet-ke
lang: vi
updated: 2026-10-18
alternate:
  en: https://phatdev.net/en/docs/iga/thiet-ke
markdown: https://phatdev.net/docs/iga/thiet-ke.md
---

# Định hướng thiết kế

Thuộc bộ tài liệu: [IGA (Infinity Gems)](https://phatdev.net/docs/iga.md)

> Ba hướng mockup và hướng được chọn.

## Ba hướng đã thử
| Hướng | Màu và chữ | Nhận xét |
|---|---|---|
| A. Phòng trưng bày đêm | Nền than lục, nhấn ngọc bích, EB Garamond + Be Vietnam Pro | Đá màu nổi bật, nhưng ảnh chụp tay nền sáng bị lạc |
| B. Bạc lạnh và lam ngọc | Nền xám bạc sáng, nhấn sapphire, Noto Serif Display + Manrope | Rõ, dễ đọc, PSI tốt nhất |
| C. Đen sơn mài và vàng thương hiệu | Nền đen trung tính, nhấn vàng, Cormorant Garamond + Be Vietnam Pro | Sang, đúng màu logo đen vàng |

## Hướng được chọn
**Hướng C**: giữ DNA thương hiệu (logo đen và vàng), giá màu vàng nổi trên nền đen, tương phản chữ đạt chuẩn WCAG AA.

## Quy ước
- Một màu nhấn, bo góc 4 px cho nút và ô nhập, 2 px cho ảnh, chip bo tròn.
- Chuyển động nhẹ, tắt khi người dùng bật giảm chuyển động.
- Không dùng emoji; icon lấy từ một thư viện.