Visual direction

Moodboard PrintJet

Phong cách hiện đại, industrial, premium B2B. Giữ nhận diện navy/blue + magenta. Ưu tiên hình máy thật, ứng dụng ngành thật, mẫu in và môi trường production.

1. Visual references

Moodboard visual: máy in công nghiệp, packaging applications và palette navy/magenta — Visual direction — máy thật, ứng dụng ngành, mẫu màu

Moodboard typography, hero layout wireframe, color palette và UI elements — Type & UI — typography, hero layout, palette, UI elements

2. Color system

Navy Primary#0B1F3A

Navy Mid#16325C

Magenta CTA#D5006D

Steel text#5C6B7A

Mist BG#F7F9FB

Magenta dùng cho CTA, liên kết và điểm nhấn tương tác. Navy dùng cho thương hiệu, tiêu đề, thanh liên hệ và khối tin cậy.

3. Typography & UI accent

GIẢI PHÁP IN
CÔNG NGHIỆP

Câu hỗ trợ ngắn gọn — khẳng định PrintJet là đơn vị cung cấp giải pháp công nghệ in cho doanh nghiệp.

Tiêu đềBe Vietnam Pro — đậm, geometric, hỗ trợ đầy đủ tiếng Việt

Nội dung / UIIBM Plex Sans — rõ, kỹ thuật, premium B2B

Tone chữRõ ràng, chuyên nghiệp, vừa đủ kỹ thuật

CTA hierarchy mẫu

Khám phá giải pháp ngành →

Bo góc nhỏ hoặc gần vuông — cảm giác industrial, khác với kiểu nút bo tròn mềm của ứng dụng tiêu dùng.

4. Imagery direction

Máy in công nghiệp
trong factory

Hardware thậtUV / R2R / production line

Label · Paper · Flexible · Metal samples

Application thậtThành phẩm ngành

Color chart · print proof · calibration

Color managementSample in & đo màu

People + process
(optional, ít)

Con người & quy trìnhKỹ sư / triển khai thực tế — ảnh chân thực

Industrial lighting Cool metal Sharp product cutouts Real packaging CMYK / proof strips Clean factory

5. Brand tone

Tự tinGiọng văn của đơn vị triển khai giải pháp, chuyên nghiệp và rõ ràng.

Chính xácNgắn gọn, đúng ngành; chi tiết kỹ thuật trao đổi khi tư vấn.

Premium B2BĐáng tin cậy; CTA rõ ràng, lịch sự, dễ hành động.

6. Nên / Không nên

Nên

Dùng navy + magenta có chủ đích
Hero với ảnh máy / production nổi bật
Kể chuyện theo ngành ứng dụng trước
Form ngắn, thanh liên hệ tinh tế
Liên kết Sản phẩm – Giải pháp – Ứng dụng
Case study và đối tác thật để tăng tin cậy

Không nên

Giao diện mang cảm giác bán lẻ: giá nổi, giỏ hàng, lưới sản phẩm dày
Sao chép 100% giao diện concept tham khảo
Popup / banner liên hệ gây khó chịu
Form dài hỏi thông số kỹ thuật ngay từ đầu
Ảnh stock chung chung (văn phòng / bắt tay)
Tách riêng Sản phẩm / Giải pháp / Ứng dụng thành các nhóm độc lập

Sau khi thống nhất Sitemap, Wireframe và Moodboard, bước tiếp theo là thiết kế giao diện chi tiết (desktop & mobile) và hệ thống thành phần giao diện.

← Về tổng quan deliverables