MORA — bộ nhận diện thương hiệu
Symbol Khung và lõi: khung vuông là thiết bị, lõi tròn là phần mềm, lõi vượt ra ngoài khung — nền tảng mở. Wordmark chữ hoa nét vuông. Toàn bộ một màu xanh MORA #1A4FD6; trên nền tối chuyển trắng. Tài liệu này đi kèm thư mục bàn giao (SVG, PDF, PNG, token) cho UI/UX và graphic designer.
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 (nền 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. Chín sản phẩm đầu
Ô app là chính hình symbol công ty: ô vuông màu sản phẩm, chấm cùng màu nhô ra ngoài góc trên phải, glyph trắng một nét bên trong. Một bản dùng được cả nền tối lẫn nền sáng vì khe hở lộ màu nền.
#38BDF8#3B82F6#22C55E#FBBF24#EF4444#14B8A6#8B5CF6#F97316#EC4899Cùng bộ trên nền trắng.
Hình học trên lưới 100: ô vuông 67, bo 19,5, gốc (14,5 – 18,5). Chấm đường kính 26, tâm (76, 24) — nhô ra ngoài góc ô 7,5; khe hở 5 cắt cả ô lẫn glyph, chấm luôn nằm trên. Glyph cạnh 38, tâm (44, 56), nét dày 11% cạnh glyph, đầu bo tròn. Đã kiểm bằng máy: không glyph nào trong 169 chạm chấm hay khe.
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 Inter 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
#1A4FD6#1F2328#0B1220#F3F4F6#E5E7EBMà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.
8. Chữ
Wordmark là hình vẽ, không phải font — không gõ lại. Mọi chữ khác dùng Inter (miễn phí, SIL OFL): tên sản phẩm Inter Regular 400 cỡ 1,3 × chiều cao chữ hoa wordmark; tiêu đề UI Inter SemiBold 600. 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ữ Inter sau wordmark; icon sản phẩm luôn theo khuôn ô + chấm + glyph.
- 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.