Bộ nhận diện thương hiệu

Trang này dành cho ai cần nhắc tới COPOS: viết bài, làm ảnh, dựng trang bán hàng hay in tờ rơi. Đọc hết mất vài phút.

Ảnh, clip và bài đăng sẵn Logo SVG Dấu hiệu SVG

Tên gọi

Viết là COPOS — liền một chữ, in hoa cả năm chữ cái. Không viết CoPos, Co-Pos, CO POS hay co pos.

Không có tên dài hơn, không có dòng chữ phụ dưới logo. Trong câu văn tiếng Việt để nguyên, không dịch và không viết tắt thành gì khác.

Logo

Logo đầy đủ COPOS

Logo có chữ — dùng ở đầu trang, tờ rơi, bài đăng, chỗ nào đủ rộng

Dấu hiệu COPOS

Dấu hiệu — máy tính tiền. Dùng khi chỗ hẹp: ảnh đại diện, biểu tượng ứng dụng, favicon

Dấu hiệu trên nền tối

Trên nền tối, đặt dấu hiệu trong ô sáng cho tách bạch

Nên

  • Chừa khoảng trống quanh logo ít nhất bằng chiều cao chữ O
  • Dùng trên nền sáng; nền tối thì đặt trong ô sáng
  • Chiều cao tối thiểu 24px trên màn hình, 8mm khi in

Không nên

  • Kéo méo, xoay nghiêng, hay đổ bóng
  • Đổi màu logo sang màu khác ngoài xanh và trắng
  • Đặt lên ảnh chụp rối mắt làm chìm mất chữ

Màu sắc

Xanh là màu chính. Nâu là màu của quán cà phê, nhưng đây là phần mềm giữ tiền và giữ sổ của người ta — xanh nói đúng việc nó làm hơn.

Lục và hổ phách giữ nguyên vì chúng mang nghĩa riêng: đổi đi là mất tín hiệu «xong» và «coi chừng». Bảng màu cố tình trầm, ít tương phản gắt, vì phần mềm này người ta nhìn cả ngày.

Xanh chính#1668c9Nút bấm, số tiền, chỗ cần chú ý
Xanh nhạt#e4eefbNền phụ, nhãn, vùng được chọn
Mực#0f2740Chữ chính
Xám xanh#5b7691Chữ phụ, ghi chú
Trắng xanh#f7fafdNền trang
Đường viền#d5e3f0Viền ô, đường kẻ bảng
Lục#1f6b46Đang tốt: ca đang mở, đã sao lưu
Hổ phách#8a5a00Cần để ý: bàn có khách, chưa báo bếp
Đỏ gạch#c0362aNguy hiểm: xóa, hủy, thiếu tiền

Mỗi màu đều có bản cho nền tối, phần mềm tự đổi theo cài đặt của máy.

Kiểu chữ

Dùng phông hệ thống của từng máy — system-ui trên máy tính, -apple-system trên iPhone, Roboto trên Android. Không tải phông riêng: trang mở nhanh hơn và chữ tiếng Việt luôn có dấu đúng.

Thông điệp chuẩn

Ba câu này nói được ở mọi nơi, vì đều đúng với phần mềm hiện tại:

Giọng văn

Người đọc là chủ quán và nhân viên bán hàng, không phải dân kỹ thuật. Viết như đang nói chuyện với người đứng quầy.

Viết thế này

"Mất mạng vẫn bán bình thường."

"Còn 3 đơn chưa thu tiền."

"Bấm vào tên mình ở góc trên bên phải để đổi mã PIN."

Đừng viết thế này

"Hỗ trợ chế độ hoạt động offline-first."

"Tồn tại 3 order ở trạng thái pending."

"Truy cập module quản trị để cập nhật thông tin xác thực."

Ảnh, clip và bài đăng

Ảnh chụp phần mềm, bốn bộ ảnh đăng bài, ba clip giới thiệu và nội dung viết sẵn nằm ở trang riêng — để trang này gọn đúng phần cần tra khi đang viết.

Xem kho ảnh và bài đăng →