Skip to Content
BANNA · Brand Guidelines · v1.4 · 2026-06-12

Brand Assets & Guidelines

Tài nguyên thương hiệu chính thức của BANNA Consulting. Dành cho đối tác, báo chí, đội ngũ nội bộ và bất kỳ ai sử dụng logo, màu sắc, typography và văn phong của BANNA. Tuân thủ hướng dẫn này đồng nghĩa với việc bảo vệ niềm tin mà chúng ta đã xây dựng với khách hàng.

Questions
brand@banna.vn
Version
1.1 · 2026-06-11
License
Free for partner / press use · Internal CC-BY-SA equivalent
Maintained by
Rocky Nguyễn · BANNA Founder
01 · STORY

Brand Story

BANNA là cầu nối tư vấn chuyển đổi số độc lập — đủ am hiểu ngôn ngữ chuyên môn để làm việc với CFO, Quản đốc nhà máy, IT và Ban giám đốc trong cùng một phòng họp. Không bán phần mềm. Không nhận hoa hồng từ nhà cung cấp.

Master Tagline

MASTER BRAND LINE

Build In Peace.

Lời hứa với khách hàng: mọi đề xuất từ BANNA phải giúp bạn an tâm tuyệt đối — không vội vã triển khai (panic deploy), không để lại nợ kỹ thuật tiềm ẩn (hidden tech debt), và không bị phụ thuộc vào một nhà cung cấp duy nhất (vendor lock-in).

Cách dùng: Logo lockup, header website, email signature, business card, social media banner, pitch deck cover. Luôn lock-up BANNA · Build In Peace.

Tagline là master brand line — không bao giờ thay đổi. Mọi touchpoint phải có.

Campaign Slogan

CAMPAIGN SLOGAN · CHANGES PER CAMPAIGN

See clearly. Build right. Go far.

Nhìn thấu. Làm chuẩn. Tiến xa.

SEE CLEARLY

Nhìn thấu vấn đề thật — không phải triệu chứng bề mặt.

BUILD RIGHT

Làm chuẩn ngay từ đầu — không chắp vá, không dùng giải pháp tạm thời (workaround).

GO FAR

Tiến xa cùng khách hàng — đồng hành dài hạn, không rời đi ngay khi dự án vừa nghiệm thu.

Cách dùng: Landing page hero, marketing campaign, pitch deck mở đầu, social media content, sales material. Có thể thay theo từng chiến dịch.

Slogan là campaign line — flexible, thay đổi theo focus marketing 6-18 tháng/lần.

Internal Decision Filter

CHO TEAM · KHÔNG PUBLIC

"Nếu CFO đọc đề xuất này lúc 2h sáng, họ có thực sự an tâm không?"

Bộ lọc quyết định (Decision filter) để đội ngũ kiểm tra mọi đề xuất trước khi gửi đi. Trả lời "không chắc chắn" = quay lại tinh chỉnh. Trả lời "có" = đó chính là minh chứng thực tế của "Build In Peace".

Internal compass — sales team, consultants, support team đều dùng filter này.

Positioning

Top tier consulting cho doanh nghiệp doanh thu 5–500 tỷ tại Việt Nam và APAC. Đối tượng: CFO, Quản đốc nhà máy, IT Director, Ban giám đốc — đang vướng dự án IT thất bại, ERP triển khai dở dang, hoặc chuẩn bị đầu tư mới và cần đối tác trung lập đánh giá.

02 · LOGOS

Logo System

BANNA dùng hệ thống master brand. Wordmark là tập hợp các đường vector (SVG outlined paths), không phải font chữ; mark là hình vuông lồng vuông với √φ slim frame. Tất cả các tệp đã được chuyển đổi sang định dạng vector — đảm bảo hiển thị sắc nét trên mọi thiết bị và trình duyệt.

Wordmark — Canonical

Wordmark là SVG outlined paths. Không phải font. Sharp tại mọi size, không bao giờ broken vì font fail load. Đây là source-of-truth — mọi nơi cần text "BANNA" như logo phải dùng SVG này.

Variants

Primary
Primary (vertical)
Wordmark + nested square mark. Default cho mọi context.
SVG
Reverse
Reverse (dark mode)
Trắng trên nền đen. Dùng cho background tối, video overlay.
SVG
Horizontal
Horizontal lockup
Mark trái + wordmark phải. Header website, email signature, narrow space.
SVG
Mark
Mark only
Vuông lồng vuông. Favicon, social avatar, watermark, app icon.
SVG

Clearspace & Minimum size

Minimum clearspace = chiều cao của wordmark chia 2. Không đặt vật thể nào trong vùng đó.
Minimum digital size: wordmark height 16px. Minimum print: 14mm. Dưới ngưỡng này, dùng mark only.

Mark-only contexts

Dùng mark khi: favicon (16×16, 32×32, 48×48), social media avatar (Facebook/LinkedIn/X profile), app icon, watermark vào PDF/video, branded merchandise.

Logo Size Tokens

Ba token chuẩn hóa kích thước logo trên website. Áp dụng nhất quán cho mọi trang mới.

Context
Token
Height
Variant
Nav — Dark background
/services, /about-banna, landing pages dark nav
logo-img
26px
horizontal-reverse
Nav — Light background
Homepage, light-bg pages
logo-img
28px
horizontal
Footer
All pages, dark footer
footer-logo-img
22px
horizontal-reverse

Implementation snippet

Copy snippet này vào mọi trang mới — không được dùng inline style="" cho logo:

HTML — Dark nav (26px)
BANNA Consulting
HTML — Light nav (28px)
BANNA Consulting
CSS — Dùng cho tất cả trang
.logo-img        { height: 26px; width: auto; display: block; }
.footer-logo-img { height: 22px; width: auto; display: block; }

⚠️ Lưu ý: Odoo override CSS nếu không có height attribute trên thẻ . Luôn dùng cả class CSS HTML attribute height="26".

03 · MISUSE

Logo Don'ts

Một logo nhất quán là logo được sử dụng đúng quy chuẩn. Dưới đây là những điều KHÔNG được làm:

BANNA
Không kéo xiên / in nghiêng
Wordmark phải giữ nguyên định dạng vector gốc. Không làm nghiêng hay kéo lệch.
BANNA
Không gõ lại bằng font chữ khác
Wordmark là các đường vector đã được tinh chỉnh khoảng cách thủ công. Không tự ý gõ lại chữ "BANNA" bằng bất kỳ font chữ nào khác.
BANNA
Không đổi màu tuỳ ý
Chỉ dùng màu: BANNA Black, Bone, Navy. KHÔNG dùng cam, đỏ, hồng, gradient.
B A N N A
Không thay đổi tracking
Kerning đã được hand-tuned cho cặp ký tự B-A, A-N, N-N. Không spread out.
04A · SURFACES

Surface Contract

BANNA chỉ sử dụng 3 bề mặt (surfaces) hiển thị. Mỗi bề mặt đi kèm một cặp màu nền và màu chữ CỐ ĐỊNH — tuyệt đối không tự ý phối trộn. Đây là quy tắc hệ thống nhằm ngăn chặn lỗi tương phản (ví dụ: chữ trắng trên nền trắng, chữ xanh trên nền xanh).

SURFACE-DARK

Header · Footer · Hero · Dark sections

Background #0A0A0A · Text #FAFAF7

Contrast: 19.4:1 (AAA)

SURFACE-LIGHT

Body · Default · Cards

Background #FAFAF7 · Text #0A0A0A

Contrast: 19.4:1 (AAA)

SURFACE-SOFT

Section variations · Highlights

Background #F5F1E9 · Text #0A0A0A

Contrast: 17.8:1 (AAA)

Navy #102A4C — ACCENT ONLY

Navy không bao giờ là background của section. Navy chỉ là accent: link, button outline, icon, divider, highlight word.

Forbidden patterns

BANNA
Navy text on navy bg
Cùng tone = invisible. Navy chỉ là accent text trên surface bone, không phải surface chính.
BANNA
Low-opacity white on light bg
rgba(255,255,255,0.4) text trên bone bg = invisible. Body text TỐI THIỂU opacity 0.78.
BANNA
Faded white on navy
Navy bg → text phải opaque #FAFAF7. Không dùng rgba dưới 0.78.
BANNA
Navy bg cho whole section
Section dark dùng BLACK #0A0A0A, không navy. Navy chỉ accent.
04B · COMPONENTS

Component Contract

Mọi button + card + section khi build phải chọn 1 trong các component primitives dưới đây. Mỗi primitive guarantee bg + text contrast khớp Surface Contract. Đảm bảo high contrast trên MỌI background.

Buttons

.btn-primary · .btn-dark

Primary CTA. Black bg + bone text. Hover → navy.

19.4:1 contrast (AAA)

.btn-secondary · .btn-outline

Secondary action. Transparent + dark border + dark text. Hover → invert.

19.4:1 contrast (AAA)

.btn-outline (on dark bg)

Outline button on dark surfaces (nav, footer, hero). Bone border + bone text.

19.4:1 contrast (AAA)

.btn-navy (on dark bg)

Primary CTA in dark contexts. Bone bg + dark text.

19.4:1 contrast (AAA)

Cards

Cards phải chọn 1 trong 3 surface variants. KHÔNG dùng inline color cho text — class container quyết định.

.card · DEFAULT (light)

Card title

Body text inherits dark color from container. Header inheritance also dark.

.card-dark

Card title

Inverse — bone text on black bg. Used for emphasis cards.

.card-soft

Card title

Soft variant. Subtle differentiation from light surface.

System Rules

Rule 1: KHÔNG dùng inline color trên text/background. Component class chứa contract.
Rule 2: Surface Inference active: nếu element có style="background:#0A0A0A" → CSS auto-set descendants text → bone.
Rule 3: Button Contract: tất cả button có explicit bg+text pair via class. Bootstrap btn-primary remapped → BANNA black.
Rule 4: rgba(255,255,255,<0.6) bị filter ra opaque bone — không có faded white nữa.

04 · COLORS

Color Palette

Palette tinh tế gồm 4 màu primary + 4 supporting. Tất cả ratio AAA cho text contrast trên BANNA Bone.

Primary

BANNA Black
#0A0A0A
Primary text · header · CTA
AAA on Bone 19.4:1
BANNA Bone
#FAFAF7
Background · reverse text
Default canvas
BANNA Navy
#102A4C
Accent · link · hero bg
AAA on Bone 12.8:1
BANNA Gold
#D4924B
CTA accent · highlight
AA Large 3.2:1

Supporting

Navy Light
#AACCEE
Hover state · subtle accent
Border
#E5E2DA
Divider · card border
Soft
#F5F1E9
Background variant · highlights
Text Secondary
#444444
Body copy · captions
AAA on Bone 9.7:1
05 · TYPOGRAPHY

Typography

Hệ font 2 lớp + 1 special. Inter cho UI và heading. Be Vietnam Pro cho long-form Vietnamese content. Wordmark là SVG (không phải font).

Primary · UI + Heading
Inter
The quick brown fox jumps over the lazy dog. 1234567890
Bốn phương trời chung một mái nhà — Việt Nam vươn ra thế giới.
300 Light · 400 Regular · 500 Medium · 600 SemiBold · 700 Bold · 800 ExtraBold
Body · VN long-form
Be Vietnam Pro
The quick brown fox jumps over the lazy dog. 1234567890
Hôm nay chúng tôi mang đến góc nhìn mới về chuyển đổi số — không phải lời hứa, mà là phương pháp.
300 Light · 400 Regular · 500 Medium · 600 SemiBold · 700 Bold
Wordmark · LOGO ONLY (SVG)
Source-of-truth: banna-wordmark-inline.svg · NOT a font · NEVER retype

Type scale (modular φ)

Scale dùng tỷ lệ vàng φ (1.618). Base 16px:

TokenSizeUse
--banna-size-xs13pxcaption · footnote
--banna-size-sm15pxsmall body
--banna-size-base16pxbody
--banna-size-md18pxlead text
--banna-size-lg20pxsubhead
--banna-size-xl24pxh3
--banna-size-2xl30pxh2
--banna-size-3xl36pxh1 mobile
--banna-size-4xl48pxh1 desktop
--banna-size-5xl60pxhero display
06 · VOICE & TONE

Voice & Tone

BANNA giao tiếp như một đối tác chuyên gia — không mang giọng điệu chào hàng, không lạm dụng thuật ngữ chuyên ngành, không quá suồng sã. Mỗi câu từ phải tạo dựng niềm tin và sự rõ ràng, tuyệt đối không gây hiểu lầm.

Principles

1. Specific over general. "ERP 18 tháng triển khai" not "dự án IT lớn".
2. Evidence over claim. "70% dự án IT thất bại (Standish Group 2024)" not "đa số dự án thất bại".
3. Vietnamese first. Tiếng Việt là default. English chỉ khi cần thiết hoặc serving global audience.
4. Founder voice, không corporate voice. Tránh "Chúng tôi rất vinh hạnh được hợp tác", thay bằng "BANNA giúp bạn nhìn rõ vấn đề".

Do / Don't Examples

DO

"Hệ thống triển khai xong nhưng không ai dùng. Lỗi không phải ở phần mềm."

Đi thẳng vào trọng tâm, nếu rõ vấn đề, đặt câu hỏi để khách hàng tự chiêm nghiệm.

DON'T

"BANNA tự hào mang đến giải pháp toàn diện cho hành trình chuyển đổi số của Quý doanh nghiệp."

Sáo rỗng, chung chung, lạm dụng tính từ, không thể hiện được BANNA đang giải quyết vấn đề cụ thể gì.

DO

"Không bán phần mềm. Không nhận hoa hồng từ nhà cung cấp."

Định vị phủ định — nói rõ những việc KHÔNG làm để xây dựng niềm tin vững chắc.

DON'T

"BANNA cam kết mang đến trải nghiệm khách hàng đẳng cấp với đội ngũ chuyên gia hàng đầu."

Tuyên bố sáo rỗng, không có dẫn chứng thực tế, là những câu từ đại trà ai cũng có thể dùng.

07 · TEMPLATES

Templates

Document templates đã được brand-aligned. Liên hệ brand@banna.vn để nhận file gốc.

📄
Letterhead
A4 letterhead với logo, contact, tagline. Word + PDF.
Request →
💰
Invoice template
Hoá đơn theo chuẩn VN (mã số thuế, MST khách hàng).
Request →
🔒
NDA cover
Non-disclosure agreement bilingual VN-EN cover.
Request →
📊
Pitch deck
16:9 keynote/PowerPoint template với 24 slides cơ bản.
Request →
💼
Business card
90×55mm dual-side, name + title + contact.
Request →
✉️
Email signature
HTML signature với inline SVG logo + contact.
Request →
08 · PRESS KIT

Press Kit

Boilerplate (Vietnamese)

BANNA Consulting là đối tác tư vấn chuyển đổi số độc lập tại Việt Nam, chuyên đồng hành cùng doanh nghiệp sản xuất, dịch vụ và giáo dục có doanh thu 5–500 tỷ. Founded bởi Rocky Nguyễn — chuyên gia ERP với 10+ năm kinh nghiệm — BANNA không bán phần mềm, không nhận hoa hồng từ nhà cung cấp. Sứ mệnh: làm cầu nối giữa CFO, Quản đốc nhà máy, IT Director và Ban giám đốc trong các dự án chuyển đổi số quan trọng. Khách hàng tiêu biểu: Nippon Paint Myanmar, BAAN Manufacturing, Kangaroo Group, ĐH Thăng Long.

Boilerplate (English)

BANNA Consulting is an independent digital transformation advisory based in Vietnam, serving manufacturing, services and education enterprises with revenue from $200K–$20M. Founded by Rocky Nguyen — ERP specialist with 10+ years of experience — BANNA does not resell software nor accept vendor commissions. Mission: bridge CFO, plant managers, IT directors and executives during critical digital transformation projects. Notable clients: Nippon Paint Myanmar, BAAN Manufacturing, Kangaroo Group, Thang Long University.

Founder

Rocky Nguyễn — Founder, BANNA Consulting. ERP & digital transformation specialist. Previously: 10+ years implementing Odoo, SAP B1 across VN manufacturing and retail. Speaker at Vietnam ERP Summit, AHRC. Email: rocky.nguyen@banna.vn · LinkedIn: linkedin.com/in/rocky-nguyen-banna

Quick facts

📍 HQ: Vietnam & Bangkok | 🚀 Founded: 2026 | 👥 Team: small + senior | 🎯 Focus: Vietnam + APAC | 🤝 Stance: vendor-independent, no kickbacks

09 · CONTACT

Brand questions?

Cần một phiên bản logo không có trên trang này? Cần tư vấn về cách đặt logo trên các ấn phẩm hợp tác marketing? Hoặc cần một mẫu slide thuyết trình tùy chỉnh?

brand@banna.vn →

Changelog

v1.4 · 2026-06-12 — Brand restructure: "Build In Peace" promoted to MASTER TAGLINE. "Trí tuệ thực chứng" removed (was tagline, now unused). Hierarchy: Tagline (Build In Peace) + Slogan (See clearly. Build right. Go far.) + Internal Filter ("2h sáng test"). Slogan/Tagline distinction documented.

v1.3 · 2026-06-12 — Slogan added: "See clearly. Build right. Go far." / "Nhìn thấu. Làm chuẩn. Tiến xa." Internal Compass: "Build In Peace." Canonical logo (filled mark + SVG wordmark). Components contract documented.

v1.1 · 2026-06-11 — Switch wordmark từ Fredoka → SVG outlined (canonical). Inter + Be Vietnam Pro. Black header/footer. Don't section. Voice & tone examples. Templates list. Boilerplate VN+EN.

v1.0 · 2026-06-03 — Initial brand guidelines. 8-color palette. Quicksand + Fredoka. Master logo + Chụp Đơn sub-product.