VIIFM / BRAND DIRECTION 01Xem layout trang chủ ↗
Hệ thống nhận diện / bản đề xuất v1.0

Nhất quán trong hình thức.
Vững vàng trong nhận diện.

Chuẩn hóa từ logo gốc VIIFM, hướng đến cảm nhận chuyên nghiệp, điềm tĩnh và có chiều sâu của lĩnh vực tài chính - đầu tư.

01 / Định hướng

Đẳng cấp từ sự tiết chế.

Tin cậy · Minh bạch · Có tầm nhìn

Nhận diện ưu tiên năng lực quản lý vốn, kỷ luật đầu tư và sự đồng hành. Cấu trúc rõ ràng, hình ảnh có chọn lọc và ngôn ngữ cụ thể tạo cảm nhận chuyên nghiệp.

Giữ lại

Logo gốc; xanh VIIFM và vàng; thông điệp “Kết nối nguồn vốn. Kiến tạo giá trị dài hạn.”; DNA 6C; phương pháp VDI; hai nhóm nhà đầu tư và doanh nghiệp.

Chuẩn hóa

Phân cấp chữ; hệ lưới; tỷ lệ màu; cách đặt nút; tên nhóm dịch vụ; giọng văn; quy tắc dùng hình ảnh và cấu trúc thông tin.

Hướng thiết kế đã áp dụng

Nền sáng chủ đạo, xanh đậm ở các vùng cần chiều sâu. Vàng tạo điểm nhấn có chủ đích. Ảnh đô thị Việt Nam kết hợp kiến trúc; bố cục chia cột, đường kẻ mảnh và khoảng trắng rộng.

03 / Màu sắc

Xanh làm nền.
Vàng tạo dấu ấn.

VIIFM Blue#045789
VIIFM Gold#FDB129
Deep Navy#092E45
Warm Ivory#F5F3ED
Bronze#B3790E

Màu xanh, vàng và đồng được lấy từ các vùng màu chính trong logo PNG. Xanh đậm và trắng ngà là màu bổ trợ đề xuất cho ứng dụng số.

Vai tròỨng dụngTỷ trọng định hướng
Trắng / trắng ngàNền trang, khoảng trắng65%
Xanh / xanh đậmTiêu đề, nút chính, vùng hợp tác30%
Vàng / đồngĐiểm nhấn, đường kẻ, nhãn5%

Vàng sáng dùng với chữ xanh đậm. Nội dung dài dùng chữ tối trên nền sáng. Bronze chỉ dùng làm nhấn trang trí ở kích thước nhỏ; nhãn chữ nhỏ cần màu đủ đậm. Màu in CMYK/Pantone cần hiệu chỉnh và duyệt proof với nhà in; không quy đổi tự động từ PNG.

04 / Kiểu chữ

Trang trọng.
Dễ đọc.

Tiêu đề / Georgia

Kiến tạo giá trị dài hạn.

Serif cho tiêu đề lớn và thông điệp thương hiệu. Dáng chữ điềm tĩnh, trọng lượng vừa; không dùng quá nhiều kiểu nghiêng hoặc chữ hoa.

Nội dung & giao diện / Arial

Minh bạch trong từng điểm chạm.

Sans-serif cho đoạn văn, điều hướng và dữ liệu. Bản dựng dùng Georgia + Arial để hỗ trợ tiếng Việt và tải nhanh, không phụ thuộc font ngoài.

Cấp chữDesktopMobile
H157-70 px / 1.1643-47 px / 1.13
H240-50 px / 1.1633-35 px / 1.16
Body14-17 px / 1.65-1.814-16 px / 1.65-1.8
Nhãn / điều hướng11-12 px10-14 px

Dùng quy tắc viết hoa đầu câu cho tiêu đề tiếng Việt. Chữ hoa toàn bộ chỉ dành cho nhãn ngắn. Nội dung dài giới hạn khoảng 55-75 ký tự mỗi dòng.

05 / Kiến trúc trang

Dẫn dắt theo nhu cầu.

01HeaderLogo gốc · 4 nhóm điều hướng · Kết nối hợp tác
02HeroĐịnh vị rõ · Hai lối vào · Một hình ảnh chủ đạo
03Nền tảng & DNATrọng tâm đầu tư · VDI · Giá trị 6C
04Bốn trụ cộtChuyển tab để xem giải pháp, tránh bốn đoạn dài đồng thời
05Phương pháp đầu tư4 giai đoạn dễ hiểu · Mở rộng nội dung theo nhu cầu
06Hai cổng hợp tácNhà đầu tư / Doanh nghiệp · Lời mời hành động riêng
07Góc nhìn3 chủ đề chọn lọc · Dẫn về thư viện
08Liên hệ & footerThông tin doanh nghiệp · Kênh liên hệ · Điều hướng bổ trợ

Hệ lưới & nhịp điệu

Khung nội dung tối đa 1.200 px; lề desktop 48 px, mobile 20 px. Khoảng cách chính theo nhịp 8 px; cách section 56-100 px. Bố cục 2 cột chuyển thành 1 cột trên màn hình nhỏ.

Nguyên tắc tương tác

Một hành động chính trong mỗi nhóm nội dung. Nút vuông gọn, tương phản rõ; tab dùng được bằng bàn phím. Menu mobile đóng/mở rõ ràng; hiệu ứng nhẹ và hỗ trợ giảm chuyển động.

Trang cấp sau đề xuất: Tổng quan · Đội ngũ · Chi tiết từng giải pháp · Phương pháp VDI · Nhà đầu tư · Doanh nghiệp · Góc nhìn · Liên hệ. Bản này tập trung thiết kế trang chủ và hệ nhận diện; các trang cấp sau dẫn về website hiện tại.

06 / Nội dung & hình ảnh

Thuyết phục bằng sự rõ ràng.

Giọng thương hiệu

Điềm tĩnh, chính xác, cụ thể. Ưu tiên “chiến lược”, “kỷ luật”, “đồng hành”, “minh bạch”. Dùng một thuật ngữ nhất quán cho từng dịch vụ.

Rút gọn các diễn đạt “đỉnh cao”, “vượt trội”, “an toàn” khi không có bằng chứng hoặc điều kiện đi kèm. Mỗi đoạn tập trung một ý.

Hình ảnh & minh chứng

Ưu tiên ảnh thật đội ngũ, hoạt động và dự án. Ảnh đô thị/kiến trúc phục vụ bối cảnh; không chú thích ảnh minh họa là trụ sở thật.

Chỉ đặt logo đối tác, số liệu AUM và thành tích khi có dữ liệu xác thực cùng quyền sử dụng. Chân dung đội ngũ cần cùng ánh sáng, nền và tỷ lệ cắt.

Những điều đã xử lý trong layout

  • Thống nhất logo website với tệp gốc anh cung cấp.
  • Giảm chữ trên trang chủ; đưa cơ cấu 6 khối và 10 khung năng lực về trang chi tiết.
  • Không lặp lại các logo đối tác và số liệu chưa được xác minh độc lập.
  • Đề xuất nhãn “Tư vấn tài chính doanh nghiệp & M&A” thay cho “Ngân hàng đầu tư” để mô tả rõ nhóm nghiệp vụ trong bản giao diện.
  • Phần pháp lý đầy đủ nên đặt tại trang chuyên biệt, dùng thông tin do doanh nghiệp xác nhận.

Nội dung nguồn: trang chủ viifm.com được đọc ngày 22/10/2026; logo: tệp “logo VIIFM.png”. Bản này là đề xuất nhận diện và biên tập, chưa phải bộ nhận diện đã phê duyệt hoặc xác nhận về pháp lý/năng lực của doanh nghiệp.

Xem layout đã áp dụng