Brand Guidelines: Dạy Claude tạo tài liệu đúng chuẩn nhận diện thương hiệu

Vấn đề: tài liệu mỗi người một kiểu

Khi nhờ AI tạo slide hay báo cáo, kết quả thường đúng nội dung nhưng sai "chất": màu xanh mặc định, font Calibri, tiêu đề chỗ to chỗ nhỏ. Mỗi người tạo một bản, mỗi bản một phong cách. Muốn đúng nhận diện thì phải ngồi chỉnh tay từng màu, từng font — mất thời gian mà vẫn dễ lệch.

Nguyên nhân đơn giản: AI không biết quy chuẩn thương hiệu của chúng ta. Nó không có mã màu, không biết font nào cho tiêu đề, font nào cho nội dung, cũng không biết màu nào là màu nhấn.

VNPAY Brand Guidelines giải quyết đúng chỗ đó: skill cung cấp cho Claude một bộ quy chuẩn nhận diện — bảng màu, quy tắc typography, cách áp dụng cho từng loại tài liệu — để mỗi khi tạo slide hay báo cáo, Claude tự áp đúng chuẩn mà bạn không phải nhắc lại lần nào.

Bộ quy chuẩn trong skill

Màu nền:

• Background #F6F4EF — nền chính, tông kem dịu mắt khi đọc dài
• Sand #ECE7DE — nền phụ, tách khối nội dung
• Hairline #E7E2D8 — đường kẻ mảnh, viền nhạt

Màu chữ theo phân cấp:

• Ink #16130F — tiêu đề chính
• Ink-2 #2C271F — tiêu đề phụ
• Body #4A463E — nội dung
• Muted #6E6A61 — chú thích
• Dim #9A958B — nhãn mờ, ngày tháng, caption

Màu nhấn:

• Accent #0B4FA0 — xanh VNPAY: link, nút, điểm nhấn
• Accent Dark #083A78 — hover, nhấn mạnh hơn
• Accent Light #85A7D0 — nền nhạt, series phụ trong biểu đồ

Typography: Montserrat cho cả tiêu đề và nội dung, dự phòng Be Vietnam Pro → font hệ thống. Cả hai font đều hỗ trợ đầy đủ dấu tiếng Việt — skill nêu rõ nguyên tắc: tuyệt đối không chọn font thiếu dấu.

Skill làm được gì

1. Áp font và cỡ chữ theo phân cấp. Tiêu đề từ 24pt trở lên dùng weight đậm; nội dung dùng weight nhẹ. Có sẵn bảng quy đổi: mỗi loại thành phần (H1, H2, H3, nội dung, caption, nhãn mục) đi với màu nào, cỡ nào, weight nào.

2. Chọn màu chữ theo nền. Nền sáng dùng chữ đậm #16130F; nền tối hoặc nền accent dùng chữ sáng #F6F4EF — đảm bảo luôn đọc được.

3. Áp màu cho hình khối và biểu đồ. Biểu đồ nhiều series đi theo thứ tự cố định: #0B4FA0 → #85A7D0 → #083A78 → các sắc xám. Không thêm màu ngoài bảng, nên nhiều biểu đồ khác nhau vẫn trông cùng một bộ.

4. Hỗ trợ nhiều định dạng. Skill có hướng dẫn kỹ thuật riêng cho slide PowerPoint, tài liệu HTML/web, biểu đồ, và file Word — cùng một bảng màu, áp đúng cách cho từng loại.

5. Nguyên tắc trình bày. Không chỉ có mã màu, skill còn nêu tinh thần: tiết chế màu nhấn (1–2 điểm nhấn mỗi slide), nhiều khoảng trắng, nhất quán xuyên suốt, bo góc nhẹ.

Giải quyết vấn đề gì — cho ai ở VNPAY

• Người làm slide thuyết trình. Slide báo cáo dự án, họp review, chia sẻ nội bộ — tạo ra là đã đúng tông, không phải chỉnh màu chỉnh font.
• Người làm báo cáo định kỳ (PM, P&T). Báo cáo tiến độ, báo cáo hiệu suất có biểu đồ — các biểu đồ giữ cùng một bảng màu, nhìn chuyên nghiệp và dễ so sánh giữa các kỳ.
• Đội làm nội dung, đào tạo nội bộ. Tài liệu hướng dẫn, bài đăng, tài liệu đào tạo đồng bộ hình thức.
• Cả phòng nói chung. Khi mọi người dùng chung một skill, tài liệu của phòng trông như một bộ — thay vì mỗi người một phong cách.

Về nguồn bảng màu — đọc kỹ

Bộ màu và font trong skill được lấy từ hệ thống thiết kế đang dùng thật của VNPAY AI Hub (chính website này), tức là các giá trị đã được dùng và kiểm chứng trên sản phẩm thật.

Tuy nhiên cần nói rõ: đây chưa phải bộ trích từ brand book chính thức của công ty. Vì vậy:

• Dùng tốt cho tài liệu nội bộ: slide họp, báo cáo, tài liệu đào tạo, tài liệu dùng trong phòng/khối.
• Với ấn phẩm đối ngoại hoặc tài liệu chính thức, cần đối chiếu với bộ phận phụ trách thương hiệu và tuân theo brand book chính thức.
• Màu đỏ trong logo VNPAY chưa có trong bộ này — nếu tài liệu cần dùng, hãy lấy mã màu chính xác từ brand book, đừng lấy màu ước chừng.

Khi có bộ nhận diện chính thức, việc cập nhật rất đơn giản: chỉ cần sửa phần bảng màu trong file SKILL.md rồi đóng gói lại, cấu trúc còn lại giữ nguyên.

Điều kiện để dùng

• Cần gói Claude hỗ trợ Skills (Pro, Max, Team hoặc Enterprise).
• Skill phát huy tốt nhất khi Claude tạo file (slide .pptx, tài liệu, biểu đồ, HTML).
• Về font: nên cài sẵn Montserrat để đẹp nhất; nếu chưa có, skill tự dùng font dự phòng nên tài liệu vẫn hiển thị bình thường và đủ dấu tiếng Việt.

Hướng dẫn upload skill lên Claude Desktop

Sau khi tải file skill về, làm theo 3 bước:

Bước 1 — Mở Customize. Trong giao diện Claude Desktop, bấm "Customize" ở góc trên bên trái.

Bước 2 — Mở menu Add. Trong màn hình Customize, bấm vào dropdown của phần "Add" ở góc trên bên phải.

Bước 3 — Upload skill. Chọn "Upload skill", rồi trỏ tới file skill vừa tải về.

Lưu ý về định dạng file: skill cần ở dạng thư mục chứa SKILL.md. File tải từ bài này đã đóng gói đúng cấu trúc — cứ upload trực tiếp file .zip.

Upload xong, skill nằm sẵn trong danh sách kỹ năng và Claude tự biết khi nào cần gọi.

Các cách gọi skill lên

1. Để Claude tự nhận diện (khuyên dùng). Chỉ cần nhắc tới yếu tố nhận diện trong yêu cầu:

"Tạo bộ slide giới thiệu [chủ đề] theo chuẩn nhận diện VNPAY."

"Làm báo cáo tiến độ dự án này theo màu và font thương hiệu."

2. Gọi đích danh skill khi muốn chắc chắn:

"Dùng skill vnpay-brand-guidelines để tạo bộ slide này."

3. Áp dụng cho tài liệu đã có:

"Áp bộ màu và font VNPAY vào file slide này."

"Định dạng lại tài liệu này theo chuẩn nhận diện của công ty."

4. Dùng cho biểu đồ:

"Vẽ biểu đồ doanh số theo tháng, dùng bảng màu VNPAY."

5. Tra cứu quy chuẩn (dùng skill như tài liệu tham khảo):

"Bảng màu và font theo chuẩn nhận diện VNPAY là gì?"

"Màu nào dùng cho tiêu đề, màu nào cho nội dung?"

Lưu ý cho môi trường VNPAY

• Tài liệu đối ngoại cần theo brand book chính thức và có phê duyệt của bộ phận phụ trách thương hiệu — skill này phục vụ tài liệu nội bộ.
• Kiểm tra quy định dùng công cụ AI của VNPAY trước khi đưa nội dung nội bộ vào công cụ AI để tạo tài liệu.
• Nếu cần màu nằm ngoài bộ nhận diện cho một mục đích cụ thể, cứ dùng — skill sẽ làm theo yêu cầu và chỉ nhắc nhẹ rằng màu đó nằm ngoài bảng chuẩn.

(Đây là khuyến nghị chung; team cần đối chiếu với chính sách nội bộ hiện hành của VNPAY.)

Tóm lại

Đây là một dạng skill đơn giản nhưng hiệu quả rõ rệt: dạy AI một bộ quy chuẩn để nó tự áp dụng mỗi lần làm việc. Thay vì mỗi người tự chỉnh màu chỉnh font theo cách của mình, cả phòng dùng chung một chuẩn — tài liệu tạo ra đồng bộ ngay từ đầu, và bạn tiết kiệm được phần thời gian vốn dành cho việc định dạng.

Nếu sau này lấy được brand book chính thức, chỉ cần cập nhật bảng màu trong skill là toàn bộ tài liệu về sau tự động theo chuẩn mới.

Download File:

Tài liệu tham khảo

1. Anthropic Agent Skills — Claude Platform Docs. Available at: https://platform.claude.com/docs/en/agents-and-tools/agent-skills/overview (Accessed: 22/07/2026).
2. Bảng màu và typography: trích từ hệ thống thiết kế của website VNPAY AI Hub (theme vnpay-ai-hub).
3. Cấu trúc skill tham khảo từ skill brand-guidelines của Anthropic (Apache License 2.0).