BỘ NHẬN DIỆN THƯƠNG HIỆU

Công ty TNHH Xây dựng An Phát 43

Ngày: —Màu: —Logo: Chữ: —
3

Thang màu

Màu nhận diện đã chốt (3 sắc độ) · màu hành động theo vai trò · trung tính · trạng thái.

4

Tương phản chữ / nền

Đo theo WCAG 2.1. ✓ đạt AA mọi cỡ · ○ chỉ chữ lớn (≥24px) · ✕ cấm dùng.

5

Thang chữ

Bậc chữ theo tỉ lệ major third (cơ sở 17px × 1.25). Chữ thật, kiểu chữ theo phương án đã chốt.

H142px · 700 · lh 1.2Tiêu đề trang
An Phát 43
H233px · 700 · lh 1.2Tiêu đề mục
An Phát 43
H327px · 600 · lh 1.2Tiêu đề phụ
An Phát 43
H421px · 600 · lh 1.2Tiêu đề nhỏ
An Phát 43
Body17px · 400 · lh 1.6Thân bài
An Phát 43 — tổng thầu xây dựng, thi công trọn gói phần thô và hoàn thiện tại Đà Nẵng.
Small14px · 400 · lh 1.6Chú thích
An Phát 43 — tổng thầu xây dựng, thi công trọn gói phần thô và hoàn thiện tại Đà Nẵng.
Caption11px · 400 · lh 1.6Nhãn nhỏ
An Phát 43 — tổng thầu xây dựng, thi công trọn gói phần thô và hoàn thiện tại Đà Nẵng.

Hai kiểu chữ: tiêu đề (H1–H4) dùng kiểu chữ tiêu đề, thân bài (Body / Small / Caption) dùng kiểu chữ thân — hai kiểu khác nhau, xem tên ở bìa. Weight có file thật: 400 / 600 / 700, woff2 tự host, đủ dấu tiếng Việt.

6

Ứng dụng nhận diện

Bảy ứng dụng ngoài website mà bộ nhận diện phải in / khắc / thêu ra được. Tất cả bám theo màu, logo và kiểu chữ đã chốt ở trên.

Card visit
Công ty TNHH Xây dựng An Phát 43
Nguyễn Văn A · Giám đốc
0905 xxx xxx · lienhe@anphat43.vn
43 Đường ABC, Q. Hải Châu, Đà Nẵng
Header hồ sơ năng lực
AN PHÁT 43HỒ SƠ NĂNG LỰC 2026
Năng lực thi công
Nhận báo giá
0905 xxx xxx · anphat43.vn
Ảnh bìa Facebook
AN PHÁT 43
Tổng thầu xây dựng · Đà Nẵng
An Phát 43Nhắn tin
Biển công trường
AN PHÁT 43
CÔNG TRÌNH ĐANG THI CÔNG
Nhà phố 3 tầng · Hải Châu
Khởi công 03/2026 — Hoàn thành 11/2026
0905 xxx xxx
Decal xe
AN PHÁT 430905 xxx xxx
Áo đồng phục
Thêu ngực trái · bản một màu dùng ở đây
Favicon & icon
An Phát 43×
Favicon 16px · icon 32px · ảnh đại diện 48px — dùng bản chỉ dấu
7

Quy tắc bắt buộc

Bốn quy tắc khoá cứng — áp dụng trên mọi ấn phẩm, website, biển hiệu.

  1. Nút hành động dùng màu action của vai trò. Mỗi vai trò màu có sắc action riêng (họ cam), chọn để nút đạt WCAG 1.4.11 (≥ 3.0 so với nền trắng, nền nhạt và nền đậm). Chữ nút luôn trắng (đạt ≥ 4.5). Trên section nền đậm, nút chuyển sang action-lift (sáng hơn) để giữ ≥ 3.0. Giá trị cụ thể xem ở bảng màu.
  2. Chữ trắng chỉ trên nền đậm. Đặt chữ trắng trên nền đậm (deep) — không trên màu nhận diện thô (một số màu trượt AA) hay nền nhạt. Xem bảng tương phản mục 4.
  3. Màu nhận diện cho nền & nhấn, không cho chữ nhỏ. Dùng làm nền section, viền, điểm nhấn. Chữ thân bài luôn mực #1e1e1e / thân #3d3d3d trên nền trắng hoặc nhạt.
  4. Logo: giữ khoảng thở & cỡ tối thiểu. Vùng an toàn ¼ chiều cao. Không nhỏ hơn 24px (web) / 15mm (in). 6 điều cấm: kéo méo · xoay · đổ bóng · đổi màu ngoài 3 phương án · làm mờ · thu nhỏ quá cỡ.
8

Tài sản cần xuất

Danh sách file cần giao cho đơn vị in, làm biển, làm web.

Favicon & app icon
  • favicon 16×16
  • favicon 32×32
  • apple-touch-icon 180×180
  • → dùng bản CHỈ DẤU
Ảnh mạng xã hội
  • OG image 1200×630 (Facebook/Zalo)
  • avatar tròn 400×400 — chỉ dấu, nền màu nhận diện
Logo vector (SVG) — 5 biến thể
  • Ngang đủ chữ
  • Dọc
  • Chỉ dấu
  • Một màu (mono)
  • Đảo màu cho nền tối
In ấn (offset)
  • Bảng CMYK quy đổi identity / deep / cam — nhà in xác nhận theo giấy
  • Bản 1 màu: khắc dấu, thêu, ép kim
Web font
  • 22 file .woff2 tự host trong fonts/ — đã có, không phụ thuộc Google Fonts CDN