Quy chuẩn thương hiệu · Brand Identity
Brand Standards · Identity System

Quy chuẩn Logo & Bộ nhận diện – Logo & Brand Identity Standards – Deemlo

Tài liệu tổng hợp các nguyên tắc sử dụng logo, màu sắc, typography và ứng dụng nhận diện nhằm đảm bảo sự nhất quán cho Deemlo trên mọi điểm chạm.

A comprehensive guide to logo usage, color, typography and brand application — ensuring visual consistency across all Deemlo touchpoints.

v1.0 📅 2026-02-21 © Deemlo

Bảng màu thương hiệu (tóm tắt)

Brand color palette (summary)

Tổng hợp nhanh các màu chính. Ưu tiên file brand assets gốc.

Quick overview. Always use original brand asset files.

Primary Blue
#4878F0
72 · 120 · 240
Cyan Bright
#1CCBF2
28 · 203 · 242
Tech Purple
#8449E5
132 · 73 · 229
Accent Orange
#F07840
240 · 120 · 64
Dark Navy
#0D1B3E
13 · 27 · 62
Light Gray
#CFD3E2
207 · 211 · 226

5 Quy tắc vàng

5 Golden Rules

Nguyên tắc bắt buộc khi sử dụng thương hiệu Deemlo.

Mandatory principles when using Deemlo brand assets.

1
Luôn ưu tiên dùng file gốcAlways use original filesVector (AI/EPS/SVG) hoặc PNG chất lượng cao từ brand assets gốc.Vector (AI/EPS/SVG) or high-res PNG from original brand assets.
2
Giữ đúng vùng an toànRespect clear spaceKhoảng trống tối thiểu 1x xung quanh logo mọi phía.Minimum 1x clear space on all sides of the logo.
3
Tuân thủ tuyệt đối mã màuUse approved color codes onlyChỉ dùng mã màu HEX/CMYK trong tài liệu này.Only HEX/CMYK values specified in this document.
4
Không bóp méo, xoay hay thêm hiệu ứngNo distortion, rotation or effectsLogo phải luôn giữ nguyên tỷ lệ và đứng thẳng.Logo must always maintain proportions and stay upright.
5
Khi nghi ngờ, hãy hỏiWhen in doubt, askLiên hệ: [email protected]Contact: [email protected]

Logo 2D – Các phiên bản màu sắc

2D Logo – Color Variants

Chọn phiên bản phù hợp dựa trên độ sáng nền.

Choose the variant based on background brightness.

File gốc: brand/assets/logo/ Source files: brand/assets/logo/

Biểu tượng đơn (Icon Only)

Icon Only

PrimaryDeemlo icon Primary80×80px

Primary · Nền trắng

Primary · White bg

WhiteDeemlo icon White80×80px

White · Nền tối

White · Dark bg

GrayDeemlo icon Gray80×80px

Gray · Watermark

3DDeemlo icon 3D80×80px

3D · Digital

Logo Ngang (Horizontal)

Horizontal Logo

PrimaryDeemlo horizontal Primarymin 220px

Ngang · Primary · Nền sáng

Horizontal · Primary · Light bg

WhiteDeemlo horizontal Whitemin 220px

Ngang · White · Nền tối

Horizontal · White · Dark bg

NavyDeemlo horizontal Navymin 220px

Ngang · Navy bg

Horizontal · Navy bg

GrayDeemlo horizontal Graymin 220px

Ngang · Gray · Watermark

Horizontal · Gray

Logo Dọc (Vertical / Stacked)

Vertical Logo

PrimaryDeemlo vertical PrimaryStacked

Dọc · Primary

Vertical · Primary

WhiteDeemlo vertical WhiteStacked

Dọc · White · Nền tối

Vertical · White

BrandDeemlo vertical brand bgStacked

Dọc · Nền gradient

Vertical · Brand gradient

Favicon / App Icon

Favicon / App Icon

Chỉ dùng khi không gian < 220px chiều rộng hoặc ngữ cảnh đã quen thuộc thương hiệu.Only when width < 220px or in brand-familiar contexts (favicon, app icon, avatar).
Favicon 32px32×32

Favicon 32px

Favicon 64px64×64

Favicon 64px

App icon 120px120×120

App Icon iOS

App icon 512px512×512

App Icon Store

Vùng an toàn (Clear Space)

Clear Space

Khoảng trống bắt buộc – không yếu tố nào được xâm phạm.

Mandatory empty zone around the logo.

Quy tắc tính toán

Calculation rule

Đơn vị x = độ dày nét cạnh thẳng đứng biểu tượng tam giác Deemlo.Unit x = stroke width of the vertical edge of the Deemlo triangle symbol.

Tối thiểuMinimum1x
Khuyến nghịRecommended2x

Trên nền ảnh phức tạp, vùng an toàn cần có độ tương phản ổn định.

On complex backgrounds, the clear space must also have stable contrast.

Deemlo clear space illustration
x = stroke width

Đường kẻ đứt = vùng an toàn tối thiểu 1x

Dashed line = minimum 1x clear space

Kích thước tối thiểu

Minimum Size

Logo không được xuất hiện nhỏ hơn các kích thước quy định.

The logo must never appear smaller than specified sizes.

🖥️

Kỹ thuật số

Digital

LoạiTypeTối thiểuMin
Ngang (Full)Horizontal220px
Không SloganNo slogan<300px
Icon OnlyIcon Only32px
FaviconFavicon16×16
🖨️

In ấn

Print

LoạiTypeTối thiểuMin
Ngang (Full)Horizontal25mm
Icon OnlyIcon Only8mm
Vải / KhắcFabric+150%
Dưới 300px chiều rộng, cân nhắc loại bỏ Slogan "Mọi thứ cứ để em lo" để wordmark rõ ràng.Below 300px, remove the slogan to keep the Deemlo wordmark legible.

Màu sắc thương hiệu

Brand Colors

Cảm hứng công nghệ tương lai – xanh mang sự tin cậy, cyan & purple tạo điểm nhấn.

Inspired by future technology – blue conveys trust, cyan & purple add modern accents.

CMYK chỉ mang tính tham khảo. In offset lớn: bắt buộc in mẫu (test proof).CMYK values are for reference only. For large offset runs, always request a test proof.
MàuColTênNameHEXRGBCMYKDùng choUsage
Xanh chủ đạoPrimary Blue#4878F072,120,24070,50,0,6Logo, CTA, linkLogo, CTA, links
Cyan Bright#1CCBF228,203,24288,16,0,5Gradient, digitalGradient, digital
Tech Purple#8449E5132,73,22942,68,0,10Gradient 3D3D gradient
Accent Orange#F07840240,120,640,50,73,6Cảnh báo, badgeWarning, badge
Dark Navy#0D1B3E13,27,6279,56,0,76Nền tối, bao bìDark bg
Light Gray#CFD3E2207,211,2268,7,0,11Watermark, footerWatermark

Typography

Phông Logo (chỉ dùng cho logo) và Phông Hệ thống (ấn phẩm, web).

Logo fonts (logo files only) and System fonts (publications, web).

Hạng mụcCategoryFontFontTrọng sốWeightGhi chúNotes
WordmarkWordmarkMyanmar TextBold/Black⚠️ Chỉ dùng cho file logo gốc.⚠️ Logo files only.
SloganSloganCorbelRegular/BoldCâu định vị đi kèm logo.Brand tagline.
Tiêu đềHeadingsPoppinsSemiBold/BoldWeb / App / Banner
Nội dungBodyInter / RobotoRegular/MediumVăn bản dài.Long-form text.
Heading · Poppins Bold 32px
Mọi thứ cứ để em lo.
Subheading · Poppins SemiBold 17px
Giải pháp công nghệ thông minh dành cho mọi doanh nghiệp.
Body · Roboto Regular 14px
Deemlo cung cấp nền tảng kết nối và tự động hóa quy trình, giúp doanh nghiệp vận hành hiệu quả hơn. Chúng tôi cam kết đồng hành cùng sự phát triển của bạn qua các giải pháp toàn diện.

Sử dụng logo trên nền

Logo on Backgrounds

Quy tắc phối hợp logo với nền màu và nền ảnh.

Rules for combining the logo with backgrounds.

Nền sáng

Light bg

Dùng Logo Primary. Không dùng logo trắng hoặc vàng.

Use Primary Blue. Never use white or yellow logo.

Nền tối

Dark bg

Dùng Logo White hoặc 3D Neon.

Use White Logo or 3D Neon.

Nền ảnh phức tạp

Complex photo

Dùng vùng trống, overlay 20–50%, hoặc khối nền màu phẳng.

Use negative space, 20–50% overlay, or solid color block.

ĐÚNG QUY CHUẨNCORRECT (DO)
Correct logo placement
  • Logo xanh trên nền trắng – tương phản cao
  • Blue on white – high contrast
  • Logo trắng trên ảnh tối – vùng trống rõ
  • White on dark photo – clear space
  • Overlay hợp lý khi nền rối mắt
  • Overlay on busy background
SAI QUY CÁCHINCORRECT (DON'T)
Wrong logo placement
  • Logo xanh trên nền tối – bị chìm
  • Blue logo on dark bg – invisible
  • Logo trên ảnh phức tạp không có overlay
  • Logo on busy photo – no overlay
  • Logo sát lề – vi phạm vùng an toàn
  • Too close to edges – clear space violated

Sai quy cách – Tuyệt đối cấm

Logo Misuse – Strictly Forbidden

Nghiêm cấm để giữ hình ảnh thương hiệu chuyên nghiệp.

Strictly prohibited to maintain Deemlo's professional image.

Deemlo logo misuse examples
KHÔNG bóp méo –NO distortion – Không kéo giãn sai tỷ lệ.Never stretch or skew.
KHÔNG đổi màu –NO recoloring – Không tô màu ngoài bảng màu quy định.No unapproved colors.
KHÔNG xoay nghiêng –NO rotation – Logo phải đứng thẳng.Logo must stay upright.
KHÔNG thêm hiệu ứng –NO effects – Không shadow, glow, gradient kim loại vào logo 2D.No shadows, glows, metallic gradients on 2D logo.
KHÔNG đóng khung –NO outlines – Không vẽ thêm viền bao quanh.Never add stroke or border.
KHÔNG đặt trên nền rối –NO busy bg – Không đặt trực tiếp lên hoa văn hay ảnh phức tạp.Never on patterned/complex images without overlay.

Phiên bản 3D (Digital Key Visual)

3D Version (Digital Key Visual)

Logo 3D độc quyền – chỉ dùng trên nền tối, nền tảng kỹ thuật số.

Exclusive 3D logo – dark backgrounds only, digital platforms only.

Đặc điểm nhận diện 3D

3D characteristics

Chất liệu:Material: Glassmorphism + Neon light
Gradient: #4878F0#8449E5#1CCBF2
Phạm vi:Usage: Website Header, Intro, App Icon
Lưu ý:Note: Không dùng cho tài liệu in thông thường.Do not use on standard print documents.
3D HeroDeemlo 3D HeroWebsite Header

Logo 3D · Website Header

3D Logo · Website Header

App IconDeemlo 3D App Icon1024×1024px

3D App Icon · iOS / Android

HorizontalDeemlo 3D horizontalDigital only

3D Ngang · Social / Banner

3D Horizontal · Social / Banner

Ứng dụng bộ nhận diện (Mockup)

Brand Application Mockups

Ví dụ minh họa áp dụng nhận diện Deemlo vào thực tế.

Real-world examples of the Deemlo identity system.

Deemlo business card
Business Card · Danh thiếp
85×55mm

Logo 2D Primary nền trắng · Mặt sau nền xanh.

Primary 2D on white front · Brand blue on back.

Deemlo letterhead
Letterhead · Tiêu đề thư
A4 · 210×297mm

Logo 2D góc trên trái · Thông tin ở chân trang.

2D logo top-left · Contact info in footer.

Deemlo signage
Signage · Biển hiệu
Tùy kích thước

Logo 3D trên kính văn phòng hoặc LED ngoài trời.

3D logo on office glass or outdoor LED signage.

Deemlo apparel
Apparel · Đồng phục
In lụa / Thêu

Logo 2D trắng in lụa hoặc thêu trên áo Navy / Đen.

White 2D logo screen-printed on Navy/Black shirt.

Liên hệ & Tải tài sản thương hiệu

Contact & Brand Asset Download

Mọi thắc mắc hoặc yêu cầu file gốc, liên hệ bộ phận quản lý thương hiệu.

For questions or source files, contact the brand management team.

Bộ phận quản lý thương hiệu Deemlo

Deemlo Brand Management Team

Mỗi lần logo Deemlo xuất hiện đúng chuẩn là một lần củng cố niềm tin với khách hàng.

Every correct logo usage reinforces trust with customers.

[email protected]