Brand guideline là gì: 9 trang bắt buộc (logo, vùng an toàn, màu, font, hình ảnh, nên/không nên) và mẫu brand guideline 1 trang

Brand guideline là gì, khác bộ nhận diện thương hiệu thế nào; 9 trang bắt buộc (bìa, logo và biến thể, vùng an toàn, cỡ tối thiểu, màu HEX/RGB/CMYK, kiểu chữ, hình ảnh, bố cục lưới, ứng dụng, nên/không nên) minh hoạ bằng một brand guideline thật cho tiệm bánh giả định, mẫu brand guideline 1 trang và 6 bước tự làm.

Trả lời nhanh: brand guideline (còn gọi là brand guidelines, brand book, cẩm nang thương hiệu) là tài liệu quy định cách dùng mọi thành phần nhận diện của một thương hiệu: logo, màu, chữ, hình ảnh, bố cục và giọng nói. Mục đích là để bất kỳ ai làm ấn phẩm, từ designer mới vào, người chụp ảnh đến nhà in, đều làm ra kết quả giống nhau mà không phải hỏi lại. Một bộ guideline gọn nhất vẫn nên có đủ 9 trang dưới đây.

9 trang của một brand guideline, minh hoạ bằng tiệm bánh giả định Lò Sương. Ảnh: ColorME; ảnh bánh mì: lee seunghyub / Unsplash.

Để mỗi trang có ví dụ thật chứ không chỉ là định nghĩa, bài dựng trọn một brand guideline nhỏ cho Lò Sương, một tiệm bánh mì men tự nhiên do ColorME đặt ra (không phải công ty thật). Logo Lò Sương được tạo bằng công cụ Tạo logo của ColorME khi chưa đăng nhập, tải về file SVG rồi dựng các trang guideline từ chính file đó. Cuối bài có mẫu brand guideline 1 trang và các bước tự làm.

Brand guideline là gì?

Brand guideline là một dạng style guide dành riêng cho thương hiệu. Wikipedia định nghĩa style guide là “một bộ tiêu chuẩn cho việc viết, định dạng và thiết kế tài liệu”, đặt ra để “cải thiện giao tiếp bằng cách bảo đảm sự nhất quán” trong và giữa các tài liệu; loại do một công ty tự làm cho riêng công ty đó được gọi là house style hay corporate style (Wikipedia: Style guide). Thư viện thuật ngữ của ColorME có trang riêng cho cẩm nang thương hiệu (brand guidelines) và style guide nếu cần định nghĩa ngắn.

Hay bị nhầm nhất là brand guideline với bộ nhận diện thương hiệu. Bộ nhận diện là các thành phần: logo, bảng màu, font, hoạ tiết, ảnh, ấn phẩm. Brand guideline là cuốn luật đi kèm, nói các thành phần đó được dùng thế nào: logo đặt cách mép bao xa, màu nào cho chữ, ảnh chụp kiểu gì, cái gì cấm. Có bộ nhận diện mà không có guideline thì sau vài tháng, mỗi người làm một kiểu. Bài bộ nhận diện thương hiệu gồm những gì nói kỹ về phần thành phần; bài này tập trung vào phần luật.

Thương hiệu nhỏ có cần brand guideline không?

Cần, chỉ là ngắn hơn. Một tiệm bánh như Lò Sương không cần cuốn 80 trang, nhưng vẫn gặp đúng ba tình huống mà guideline giải quyết:

• Người khác làm ấn phẩm. Bạn chụp ảnh, bên in túi giấy, người quản lý trang mạng xã hội đều cần biết màu, font, logo nào. Không có guideline thì họ lấy logo từ ảnh chụp màn hình.
• Nhà in hỏi số. Mã CMYK, cỡ logo nhỏ nhất bằng mm, bản một màu. Trả lời một lần trong guideline thay vì trả lời lại mỗi lần in.
• Chính designer sau một năm. Khoảng cách giữa biểu tượng và chữ, cỡ chữ tiêu đề trên bài đăng: không ghi lại thì sẽ quên.

9 trang bắt buộc trong một brand guideline

Thứ tự dưới đây đi từ “thương hiệu là ai” tới “dùng thế nào”. Mỗi trang kèm hình trang tương ứng trong brand guideline của Lò Sương. Các con số (vùng an toàn, cỡ tối thiểu, tỉ lệ màu, lưới) là quy ước ColorME đặt cho ví dụ này; mỗi thương hiệu tự đặt số của mình.

Trang 1: bìa và câu chuyện thương hiệu

Bìa ghi tên thương hiệu, chữ “Brand guideline”, số phiên bản và tháng phát hành. Số phiên bản quan trọng hơn người ta nghĩ: khi logo hay màu đổi, mọi người cần biết đang cầm bản nào. Trang câu chuyện ghi ngắn gọn thương hiệu là ai, tin vào điều gì (thường 3 giá trị) và giọng nói, tốt nhất có một câu “nên nói” và một câu “tránh nói” để người viết nội dung bắt chước được. Thêm mục lục để người đọc nhảy thẳng tới trang cần.

Bìa nền đỏ gạch với logo bản kem; trang câu chuyện có 3 giá trị, giọng nói và mục lục. Ảnh: ColorME.

Trang 2: logo và các biến thể

Một logo cần nhiều dạng vì khuôn hình rất khác nhau: thanh menu website dài và thấp, ảnh đại diện vuông, favicon chỉ vài chục pixel. Trang logo nên có đủ: logo chính, bản dọc, bản huy hiệu hoặc biểu tượng rời, bản không tagline, và các bản màu (màu gốc, đảo màu trên nền đậm, đen một màu). Mỗi bản ghi một dòng “dùng khi nào”. Thư viện thuật ngữ có trang các phiên bản logo giải thích từng loại.

Với Lò Sương, bốn bố cục Ngang, Dọc, Huy hiệu và bản không slogan đều tải thẳng từ công cụ Tạo logo; biểu tượng bông lúa được tách từ file SVG; bản kem và bản đen chỉ là đổi mã màu trong cùng file. Khi bàn giao, gửi kèm các file thay vì để người nhận tự cắt từ một ảnh PNG. Công cụ Xuất file logo của ColorME làm sẵn bộ file này; theo FAQ của trang, file ZIP gồm “Ba bản màu gốc, đen, trắng. Mỗi bản có SVG (khi bạn tải lên file SVG), PNG nền trong suốt cạnh dài 500, 1000 và 2000px, WebP cho website và JPG trên nền màu.” Bài này không chạy thử công cụ đó.

Năm dạng logo và bốn bản màu, mỗi bản ghi chỗ dùng. Logo tạo bằng công cụ Tạo logo của ColorME. Ảnh: ColorME.

Trang 3: vùng an toàn và cỡ tối thiểu

Đây là hai con số người làm ấn phẩm hỏi nhiều nhất. Vùng an toàn (clear space) là khoảng trống bắt buộc quanh logo, không chữ, ảnh hay mép giấy nào được lấn vào. Cách đặt bền nhất là lấy đơn vị từ chính logo: với Lò Sương, x bằng một nửa chiều cao biểu tượng bông lúa, nên phóng to hay thu nhỏ thì khoảng trống vẫn đúng tỉ lệ. Cỡ tối thiểu là cỡ nhỏ nhất logo được phép hiển thị, ghi cả px cho màn hình và mm cho bản in, và ghi luôn bản nào thay thế khi xuống dưới cỡ đó.

Spotify ghi rất rõ hai con số này trong trang hướng dẫn thiết kế công khai của họ: “The Spotify logo should never be smaller than 70px in digital or 20mm in print” và biểu tượng “should never be smaller than 21px in digital or 6mm in print” (logo không bao giờ nhỏ hơn 70 px trên màn hình hay 20 mm khi in; biểu tượng không nhỏ hơn 21 px hay 6 mm) (Spotify Design Guidelines). Lò Sương đặt mốc 180 px / 45 mm cho logo có tagline, 100 px / 25 mm cho bản không tagline và 24 px / 6 mm cho biểu tượng. Hai thuật ngữ có trang riêng: vùng an toàn của logo và kích thước tối thiểu của logo. Khi thương hiệu có slogan đi kèm logo, phần lockup và vùng an toàn trong bài slogan là gì, tagline khác gì nói thêm cách đặt slogan.

Trái: khung vùng an toàn x quanh logo. Phải: ba mốc cỡ tối thiểu, vẽ đúng 180, 100 và 24 px. Ảnh: ColorME.

Trang 4: màu sắc

Trang màu cần nhiều hơn một dãy ô màu đẹp. Mỗi màu phải có tên, vai trò, mã cho từng nơi dùng và tỉ lệ dùng, kèm vài cặp chữ/nền đã kiểm tra độ tương phản. Bảng màu của Lò Sương:

RGB đổi thẳng từ HEX nên chính xác. CMYK trong bảng tính bằng công thức chuyển đơn giản, chỉ là điểm xuất phát: màu in thật phụ thuộc giấy và máy, nên ghi rõ “gần đúng” và chốt lại sau khi nhà in in thử. FAQ của công cụ Xuất file logo cũng lưu ý điều này: “Trình duyệt chỉ xuất được màu RGB cho màn hình. Khi in, hãy gửi file SVG cho nhà in hoặc người thiết kế để chuyển sang CMYK hay Pantone.”

Hàng tương phản trong hình tính theo công thức WCAG 2: chữ trắng bột trên nền đỏ gạch đạt 4,76:1 (qua mức 4,5:1 cho chữ thường), nâu mực trên trắng bột 15,13:1, còn vàng vỏ bánh trên trắng bột chỉ 1,6:1 nên guideline cấm dùng cặp này cho chữ. Nếu bảng màu bắt đầu từ một bức ảnh, công cụ Trích xuất bảng màu lấy được mã HEX, RGB, HSL của các màu chủ đạo, và theo FAQ có thể “tải ảnh bảng màu để chèn vào moodboard, brand guideline hoặc gửi cho khách hàng”.

Năm màu có vai trò, thanh tỉ lệ dùng và năm cặp chữ/nền đã tính tương phản. Ảnh: ColorME.

Trang 5: kiểu chữ

Hai font là đủ cho hầu hết thương hiệu: một cho tiêu đề, một cho nội dung. Ghi rõ tên font, độ đậm được dùng, nơi tải và thang cỡ chữ. Với thương hiệu Việt, kiểm tra thêm một điều: font phải có đủ dấu tiếng Việt ở mọi độ đậm định dùng. Lò Sương dùng Lora cho tiêu đề (cũng là font của logo) và Be Vietnam Pro cho nội dung; cả hai đều có bộ ký tự tiếng Việt trong dữ liệu của Google Fonts (METADATA của Lora, kiểm tra ngày 03/11/2026).

Thang này nhân 1,25 qua mỗi bậc từ cỡ 16 (16 × 1,25 = 20; rồi 25; 31,25; 39,06; 48,83 px) và làm tròn. Muốn thử các cặp font khác trước khi chốt, công cụ Gợi ý ghép font tiếng Việt có, theo FAQ, “20 cặp do ColorME chọn sẵn” và xem trước được với chính chữ của bạn.

Hai font có đủ dấu tiếng Việt và thang 6 bậc, mỗi bậc ghi cỡ và khoảng cách dòng. Ảnh: ColorME.

Trang 6: hình ảnh

Trang hình ảnh giúp ảnh của nhiều người chụp trông như cùng một thương hiệu. Ba đến sáu ảnh mẫu đúng tinh thần, kèm vài quy tắc đo được (ánh sáng, khoảng cách chụp, chất liệu, màu ảnh, chỗ chừa cho chữ) và một danh sách “tránh”. Với Lò Sương: ánh sáng ấm một hướng, chụp gần để thấy vết rạch và lớp bột, nền gỗ hay giấy kraft, không nền trắng studio, không đèn huỳnh quang xanh.

Ba ảnh mẫu và bốn quy tắc. Ảnh bánh mì: lee seunghyub / Unsplash (1, 2, 3); bảng: ColorME.

Trang 7: bố cục và lưới

Thay vì để mỗi người tự căn, guideline đưa sẵn bộ số cho các khổ hay dùng nhất: kích thước, lề, số cột, khoảng cách cột và chỗ cố định của logo. Lò Sương có hai khổ chính: bài đăng dọc 4:5 (1080 × 1350 px, lề 80 px, 4 cột, khoảng cột 24 px) và thực đơn A5 (148 × 210 mm theo chuẩn ISO 216, lề 12 mm, 6 cột, khoảng cột 4 mm). Xem thêm hệ thống lưới trong Thư viện thuật ngữ.

Vùng màu là cột, nét đứt là lề. Ảnh: ColorME; ảnh bánh mì: lee seunghyub / Unsplash.

Trang 8: ứng dụng mẫu

Trang ứng dụng cho thấy tất cả quy tắc ở trên khi ghép lại trên vài ấn phẩm thật của thương hiệu. Không cần nhiều, chỉ cần những thứ thương hiệu làm thường xuyên. Lò Sương chọn danh thiếp, một bài đăng mạng xã hội, túi giấy kraft và nhãn dán tròn. Người làm ấn phẩm mới nhìn trang này để làm theo, không phải đoán. Các mẫu trong hình được dựng bằng HTML/CSS để minh hoạ, không phải ảnh chụp sản phẩm in thật.

Bốn ứng dụng mẫu theo đúng màu, chữ và lưới của guideline. Ảnh: ColorME; ảnh bánh mì: lee seunghyub / Unsplash.

Trang 9: nên và không nên

Trang này hiệu quả nhất khi mỗi ô làm sai đúng một điều trên chính logo thật, để người xem nhận ra lỗi mà không cần đọc chữ. Các lỗi hay gặp: kéo giãn, đổi sang màu ngoài bảng, đặt trên nền thiếu tương phản, xoay, thêm bóng đổ, gõ lại tên bằng font khác, đặt lên vùng ảnh rối, làm mờ. GitHub ghi những điều cấm gần giống trong bộ hướng dẫn thương hiệu của họ, ví dụ “Don’t add graphic effects like shadows or gradients” (không thêm hiệu ứng như bóng đổ hay chuyển màu) và “Don’t place the logo over busy backgrounds” (không đặt logo trên nền rối) (GitHub Brand Toolkit: Logo).

Bốn cách đúng và tám lỗi, làm cố ý trên cùng một file logo. Ảnh: ColorME; ảnh nền: lee seunghyub / Unsplash.

Brand guideline của các thương hiệu lớn trông thế nào?

Nhiều công ty công khai một phần guideline cho đối tác và báo chí. Đọc chúng là cách học nhanh nhất:

• Spotify Design Guidelines: viết cho người làm ứng dụng có dùng nội dung Spotify. Ngoài cỡ tối thiểu ở trên còn có quy tắc chọn bản màu (“The black logo should be used on light colored backgrounds”, logo đen dùng trên nền sáng) và quy tắc ghép biểu tượng với chữ: chữ không bao giờ đứng một mình thiếu biểu tượng.
• GitHub Brand Toolkit: chia thành các mục Logo, Typography, Color, Illustration, Layouts, Voice and tone, gần giống 9 trang trong bài nhưng tách thành từng trang web riêng.

Ở Việt Nam, ColorME có hai bài về lần đổi nhận diện của các thương hiệu lớn: Vinamilk công bố bộ nhận diện thương hiệu mới và bộ nhận diện mới của Zalopay: designer học được gì. Đọc chúng cùng 9 trang ở trên để thấy một hệ nhận diện lớn được giải thích ra sao.

Mẫu brand guideline 1 trang

Khi thương hiệu còn nhỏ, khi cần một tờ dán ở quầy hay gửi kèm email cho nhà in, có thể gói 9 trang vào một tờ. Bỏ phần giải thích, giữ lại đủ con số. Mẫu của Lò Sương chia thành 6 vùng:

Brand guideline 1 trang: đủ con số của 9 trang trên một tờ ngang. Ảnh: ColorME; ảnh bánh mì: lee seunghyub / Unsplash.

Cách làm brand guideline: 6 bước

1. Chốt phần lõi trước. Logo, màu, font phải xong và được duyệt. Guideline ghi lại quyết định, không phải nơi để quyết định.
2. Làm file logo đủ bản. Ngang, dọc, biểu tượng, không tagline; màu gốc, đảo màu, đen. Xuất SVG và PNG nền trong suốt.
3. Đặt số. Vùng an toàn (lấy đơn vị từ logo), cỡ tối thiểu px và mm, mã màu, tỉ lệ dùng, thang cỡ chữ, lề và lưới cho 2–3 khổ hay dùng.
4. Kiểm tra. Độ tương phản các cặp chữ/nền, dấu tiếng Việt ở mọi độ đậm, logo ở cỡ tối thiểu trên màn hình thật, màu CMYK qua một bản in thử.
5. Dựng trang. Một khuôn trang chung (đầu trang, số trang), mỗi trang một chủ đề, hình nhiều hơn chữ. Làm trang “nên và không nên” trên logo thật.
6. Bàn giao và cập nhật. Gửi PDF cùng thư mục file logo, font, mã màu. Mỗi lần đổi, tăng số phiên bản và ghi ngày.

Logo trong bài được làm bằng Tạo logo. Trang công cụ ghi: “Công cụ miễn phí, không cần đăng nhập, không giới hạn số lần và logo tải về không có chữ quảng cáo.” Các bước đã làm ngày 03/11/2026 khi chưa đăng nhập: gõ tên “Lò Sương” và slogan; tìm biểu tượng bằng từ tiếng Anh “wheat” (bông lúa); chọn font Lora; đặt màu chữ #B4471E và màu nền #F6EFE4 trong phần Tuỳ chỉnh; lần lượt chọn bố cục Ngang, Dọc, Huy hiệu, Chỉ chữ rồi tải SVG. Khi tải, công cụ báo “Chữ đã thành đường nét, mở ở đâu cũng đúng kiểu chữ.” Một điều cần biết trước khi đưa logo kiểu này vào guideline cho khách thật: FAQ của công cụ ghi biểu tượng và font là tài nguyên mở mà ai cũng dùng được, nên “logo ghép từ chúng khó đăng ký bảo hộ độc quyền”.

ColorME còn có Bộ nhận diện nhanh. Theo FAQ: “Từ tên thương hiệu, AI gợi ý bảng 5 màu có vai trò rõ ràng, 2-3 font Google hỗ trợ tiếng Việt, định hướng logo, slogan và giọng văn để bạn bắt đầu thiết kế.” Công cụ này cần tài khoản Premium; FAQ ghi: “Công cụ AI này dành cho thành viên ColorME Premium (học viên ColorME hoặc người được học viên mời), bạn cần đăng nhập để chạy.” Khi chưa đăng nhập, form vẫn điền được tên, lĩnh vực, khách hàng và chọn tính cách; bấm “Tạo bộ nhận diện” thì hiện hộp đăng nhập, nên bài này không có kết quả AI nào từ công cụ. FAQ cũng khuyên: “Nên xem như bản khởi đầu để nghiên cứu và trình bày ý tưởng; với dự án thật, hãy kiểm tra thị trường, đối thủ và phát triển thêm cùng khách hàng.”

Trái: Tạo logo với logo Lò Sương. Phải: form Bộ nhận diện nhanh và hộp đăng nhập hiện ra khi bấm Tạo. Chụp 03/11/2026, chưa đăng nhập.

5 lỗi thường gặp khi làm brand guideline

1. Chỉ có hình, không có số. Trang màu đẹp nhưng thiếu mã CMYK, trang logo thiếu cỡ tối thiểu. Người dùng phải đoán.
2. Quá dài. 60 trang mà không ai đọc. Bắt đầu bằng 9 trang, thêm trang khi có nhu cầu thật (bao bì, biển hiệu, video).
3. Không có file đi kèm. PDF đẹp nhưng không gửi SVG, font, mã màu dạng sao chép được.
4. Không ghi phiên bản. Hai bản guideline cùng lưu hành, mỗi bên in một màu khác.
5. Quên tiếng Việt. Font tiêu đề đẹp nhưng thiếu dấu ở bản đậm, đến lúc in tên sản phẩm mới phát hiện.

Làm brand guideline là một phần việc chính của brand designer. Bài brand designer làm gì, khác graphic designer thế nào kể cả quy trình từ buổi khám phá đến ngày áp dụng. Nếu muốn học bài bản từ logo, chữ, màu đến bộ nhận diện hoàn chỉnh, có thể xem lộ trình Graphic Designer của ColorME.

Câu hỏi thường gặp về brand guideline

Brand guideline là gì?

Brand guideline là tài liệu quy định cách dùng các thành phần nhận diện của thương hiệu như logo, màu, chữ, hình ảnh, bố cục và giọng nói, để mọi người làm ấn phẩm ra kết quả giống nhau.

Brand guideline và bộ nhận diện thương hiệu khác nhau thế nào?

Bộ nhận diện là các thành phần (logo, bảng màu, font, ấn phẩm), còn brand guideline là cuốn luật nói các thành phần đó được dùng thế nào: khoảng cách, cỡ, mã màu, điều cấm.

Brand guideline gồm những trang nào?

Tối thiểu 9 trang: bìa và câu chuyện, logo và biến thể, vùng an toàn và cỡ tối thiểu, màu sắc, kiểu chữ, hình ảnh, bố cục và lưới, ứng dụng mẫu, nên và không nên.

Brand guideline nên dài bao nhiêu trang?

Không có quy định. Thương hiệu nhỏ có thể bắt đầu với 9 trang hoặc một bản 1 trang, rồi thêm trang khi có nhu cầu thật như bao bì, biển hiệu hay video.

Mã màu CMYK trong brand guideline lấy ở đâu?

Có thể đổi từ RGB để có điểm xuất phát, nhưng đó chỉ là giá trị gần đúng; nên in thử với nhà in rồi chốt mã CMYK cuối cùng vào guideline.

Brand guideline có cần ghi vùng an toàn và cỡ tối thiểu của logo không?

Có. Đây là hai con số người làm ấn phẩm và nhà in hỏi nhiều nhất; nên lấy đơn vị vùng an toàn từ chính logo và ghi cỡ tối thiểu bằng cả px và mm.