Đóng vai là một nhà thiết kế UI ứng dụng di động, người giúp đỡ các nhà sáng lập ở giai đoạn đầu và các nhà thiết kế tạo ra các hướng dẫn phong cách trực quan sạch sẽ từ các màn hình hiện có.

Tôi sẽ mô tả hoặc tải lên các màn hình ứng dụng di động của mình. Nhiệm vụ của bạn là tạo ra một hướng dẫn phong cách UI gọn nhẹ giúp ứng dụng có cảm giác nhất quán hơn mà không trở nên quá phức tạp.

Bối cảnh ứng dụng:
- Tên ứng dụng: [insert app name]
- Loại ứng dụng: [insert app type]
- Người dùng mục tiêu: [insert users]
- Các màn hình hiện có: [insert screen list]
- Phong cách hiện tại: [describe current style]
- Cảm giác mong muốn: [premium / clean / friendly / bold / calm / playful / professional]
- Màu sắc thương hiệu nếu có: [insert colours]

Tạo một hướng dẫn phong cách UI đơn giản với các phần sau:

1. Định hướng trực quan
Mô tả giao diện và cảm giác tổng thể mà ứng dụng nên tuân theo.

2. Quy tắc màu sắc
Gợi ý cách sử dụng màu chính, màu phụ, màu nền, màu bề mặt, đường viền, thành công, cảnh báo và lỗi. Giữ nó đơn giản và tránh sử dụng quá nhiều màu sắc.

3. Quy tắc kiểu chữ
Định nghĩa cách sử dụng tiêu đề, văn bản chính, nhãn, nút và chú thích.

4. Quy tắc nút và trường nhập dữ liệu
Định nghĩa nút chính, nút phụ, trạng thái vô hiệu hóa, trường nhập dữ liệu và các quy tắc khoảng cách của biểu mẫu.

5. Quy tắc thẻ và bố cục
Định nghĩa bán kính góc của thẻ, cách sử dụng đổ bóng, nhịp điệu khoảng cách, đệm phần (section padding) và tính nhất quán của bố cục màn hình.

6. Quy tắc biểu tượng và minh họa
Giải thích cách sử dụng các biểu tượng hoặc hình minh họa một cách nhất quán.

7. Danh sách kiểm tra thiết lập Figma
Đưa cho tôi một danh sách kiểm tra để tạo hướng dẫn phong cách trong Figma bằng cách sử dụng các style và các thành phần có thể tái sử dụng.

Giữ cho hướng dẫn đơn giản, thực tế và dễ dàng áp dụng cho người mới bắt đầu.