Hướng dẫn giao diện chung

VINASIG Design System

Nguồn hướng dẫn giao diện chung cho người và SI agents xây dựng web trong tổ chức VINASIG.

Nền tảng chung cho mọi nhóm

Xây dựng giao diện theo cùng quy tắc rõ ràng.

Nơi tập hợp nguyên tắc giao diện, mẫu tái sử dụng và hướng dẫn triển khai của VINASIG.

Bản ghi hiện tại

Một nơi giải thích quy tắc, giới thiệu thành phần và hướng dẫn agent áp dụng ngữ cảnh.

Phông chữ chính thức là Space Grotesk.

màu nhận diện đã thiết lập

khoảng thích ứng được đề xuất

Bản nháp

chờ chủ dự án rà soát

Khám phá hệ thống

01 Thương hiệu và logo

Thông tin nhận diện, tệp xuất và hướng dẫn dự thảo cho hệ thống logo VINASIG.

02 Nền tảng

Hướng dẫn màu, chữ, khoảng cách, thích ứng màn hình và khả năng tiếp cận.

03 Thành phần

Nút bấm, trường nhập, thông báo trạng thái và thẻ với quy tắc tương tác rõ ràng.

04 Mẫu giao diện

Hướng dẫn tái sử dụng cho biểu mẫu, trạng thái trống, chờ tải, lỗi và bố cục trang.

Dành cho SI agents

Bắt đầu với hướng dẫn dự án ngắn, theo trang liên quan và coi quy tắc bản mẫu là đề xuất tới khi được duyệt.

# In a VINASIG website repository
Read the root AGENTS.md.
Find the matching design-system guidance.
Follow approved rules.
Flag draft rules.

Bản mẫu đang dự thảo

Web minh họa cấu trúc và nền tảng hình ảnh được đề xuất. Chưa có quy tắc giao diện nào được duyệt làm tiêu chuẩn toàn tổ chức.