MORA — bộ nhận diện thương hiệu

1. Lockup ngang

Bản xanh dùng mặc định trên nền sáng; bản trắng trên nền tối hoặc nền ảnh; bản đen cho in một màu, fax, dập nổi, thêu. Không có bản nào khác.

2. Lockup dọc

Dùng khi không gian vuông: bìa tài liệu, màn hình chào, backdrop, avatar lớn.

3. Symbol, icon app, favicon

Symbol dùng độc lập khi tên đã xuất hiện ở nơi khác. Icon app MORA có hai bản: mark (ngoài góc bo là trong suốt, cho launcher và web) và store (ô navy kín, cho App Store / Play). Favicon là bản cắt riêng, khung dày hơn, chấm to hơn, để còn đọc ở 16 px; kèm favicon.ico.

4. Ba nhóm sản phẩm

Chia nhóm (anh Huy chốt 06/10/2026): MORA Office cài trên máy — Doc, Sheet, Slide, PDF; dịch vụ trực tuyến — Meet, Cloud, Mail; MORA Platform — 160 module, chuẩn bị ra mắt (HRM, FaceID, Form… nằm trong đây và đã có sẵn bộ nhận diện). Mười ứng dụng dưới đây đều có lockup và icon riêng (thêm MORA Chat cho chat.mora.vn, 06/10/2026).

Ô app theo công thức v2 (anh Huy chốt 20/09/2026, dựng từ bản UI/UX làm cho MORA Doc, Sheet, Slide): ô vuông bo mềm phủ gradient chéo màu sản phẩm, một vệt sáng chạy từ góc trên phải — chính là chấm MORA chuyển thành ánh sáng — và glyph trắng đặt giữa khung. Một bản dùng được cả nền tối lẫn nền sáng.

Cùng bộ trên nền trắng.

Hình học trên khung 210: toàn bộ nằm trong ô bo góc 44. Nền là gradient chéo từ góc trên phải (157,5 – 14,1) xuống góc dưới trái (52,8 – 195,6), hai điểm dừng = sáng hơn 22 % và đậm hơn 14 % màu app. Lớp ánh sáng mix-blend-mode: overlay 30 %: một vệt khung bo nét 37,84 bị vòng tròn góc trên phải cắt, cộng đĩa sáng bán kính 55 tâm (174, 43). Glyph trắng vừa trong ô 118, tâm (105, 105), nét 9,4 chuẩn hoá để 169 icon cùng độ dày. Dựng bằng 08-nguon-script/icons_v2.py.

Bản App Store / Play (ô kín): mark đặt trong ô navy.

Lockup sản phẩm: lõi đổi sang màu sản phẩm, khung và wordmark giữ xanh, tên sản phẩm MORA Tech Regular.

5. Trên thiết bị

Vỏ máy: lockup một màu xám bạc #8A94A8, in lụa hoặc dập. Màn hình chào: symbol trắng; lõi tròn tách ra rồi khép lại làm chuyển động "mở ra".

6. Khoảng trống và cỡ tối thiểu

Đơn vị là chiều cao chữ hoa (ô tô màu). Xung quanh lockup chừa tối thiểu một đơn vị. Lockup ngang không dùng dưới 24 px cao; dưới 32 px dùng symbol.

7. Màu

Màu sản phẩm và 23 nhóm module nằm trong 05-mau-va-token/tokens.json và tokens.css. Logo không dùng gradient, không dùng màu sản phẩm.

Công thức màu nhóm module

Mỗi nhóm nghiệp vụ có một màu nhóm. Module trong nhóm giữ nguyên sắc (H) và độ bão hoà (S) của màu nhóm, chỉ đổi độ sáng (L) theo bậc thang cố định 0 · +8 · −8 · +15 · −14 · +4 · −4 · +11 · −11 theo thứ tự module trong nhóm, kẹp trong L 20–92. Nhờ vậy nhìn lưới icon là nhận ra module cùng nghiệp vụ. Chín ứng dụng có lockup riêng (Doc, Sheet, Slide, PDF, Cloud, HRM, FaceID, Meet, Email) giữ màu của chúng, không theo bậc thang.

Đổi màu một nhóm là đổi cho cả nhóm: biên tập viên (UI/UX) đề xuất ở trang nhóm trên cổng (brand.mora.vn/nhom/<nhóm>), quản trị duyệt, rồi icon mọi module trong nhóm, tokens.json, tokens.css, danh-muc-module.csv và danh mục 160 ô được tính lại theo đúng bậc thang trên và phát hành cùng một phiên bản.

8. Chữ

Wordmark là chữ MORA gõ bằng font riêng MORA Tech Regular (đủ tiếng Việt, tệp trong 06-chu/Mora-Tech); bốn chữ M O R A của font trùng khớp hình vẽ gốc, nên gõ lại bằng đúng font này là được — bộ logo vẫn xuất sẵn dạng đường nét để không phụ thuộc máy có font. Mọi chữ khác (UI, tài liệu, nội dung dài) dùng Plus Jakarta Sans (miễn phí, SIL OFL): tiêu đề UI Plus Jakarta Sans SemiBold 600; thân Plus Jakarta Sans Regular 400. Phông này giữ nguyên cho toàn hệ thống (anh Huy chốt 11/10/2026) và có đủ 134 chữ có dấu tiếng Việt. Bản woff2 biến thiên để nhúng web nằm trong 06-chu/Plus-Jakarta-Sans — tự phục vụ từ tên miền của mình khi CSP chặn phông ngoài; kèm OFL.txt khi phân phối lại. Thang cỡ chữ giao diện (anh Huy chốt 11/10/2026, lấy MORA Mail làm chuẩn): 14 px cho chữ thường, nút và tiêu đề cột; 12 px cho chữ phụ; không đặt chữ thân dưới 12 px. Tên sản phẩm và dòng sản phẩm sau wordmark: MORA Tech Regular — lockup ngang: chiều cao chữ hoa ≈ 0,95 × chữ hoa wordmark, cách mép phải wordmark ≈ 0,45–0,5 H, lề phải khung 0,5 H; lockup dọc: ≈ 0,65 ×, căn giữa dưới wordmark (tất cả đã xuất đường nét trong lockup). Fallback: Helvetica, Arial.

9. Không làm

• Không đổi màu logo ngoài xanh MORA, đen, trắng. Không gradient, không bóng, không viền.
• Không kéo giãn, không xoay, không đổi vị trí hay cỡ lõi tròn.
• Không đặt logo lên nền màu sản phẩm — nền chỉ trắng, navy, xanh MORA, hoặc ảnh đủ tối để bản trắng đọc được.
• Không vẽ logo riêng cho sản phẩm. Tên sản phẩm luôn là chữ MORA Tech Regular sau wordmark; icon sản phẩm/module luôn theo khuôn ô + chấm + glyph; ô và chấm đổ gradient tuyến tính theo màu module (sáng hơn 22 % → đậm hơn 14 %, mỗi module một góc), glyph trắng; module cùng nhóm cùng tone màu.
• Chấm trên ô app luôn cùng màu ô, luôn ở góc trên phải, khe hở không được lấp; glyph không vẽ đè lên vùng chấm.