Thương hiệu NODQ

Nhận diện thương hiệu, hệ thống thiết kế và tài liệu sử dụng.

Hướng dẫn thương hiệuCập nhật ngày 9 tháng Mười 2026

NODQ

Hình học chính xácĐường viền vuông, cạnh vát, khoảng cách đều.

Điểm nhấn ấmMàu cam chiếm phần nhỏ màn hình, chỉ dành cho nội dung chính.

Chuyển động rõ ràngMột thao tác — một thay đổi ngắn.

Tính cách thương hiệu

Độ chính xác công nghệ, bề mặt nhẹ nhàng và một điểm nhấn ấm. Bên dưới là các nguyên tắc phong cách quan sát được, không phải diễn giải biểu tượng.

Hình họcĐường viền vuông bo góc — không gian và ranh giới truy cập.

Tài liệuThan chì mờ và một cạnh màu hổ phách.

Kiểu chữTừ ngữ lớn, rõ ràng và lời giải thích tiết chế.

Chuyển độngNguyên nhân → thay đổi → kết quả.

Logo

Bố cục hiện tại của trang web: biểu tượng và chữ NODQ. Chưa công bố tệp vector gốc được phê duyệt nên chưa thể tải logo.

NODQ

Bố cục chính · biểu tượng + NODQ

Biểu tượng · chưa phê duyệt tư cách tài sản độc lập

Kích thước nhỏ · 32 / 24 / 16 px — kiểm tra độ dễ đọc

Nền ô bàn cờ chỉ dùng để xem trước. Không hiển thị phiên bản đơn sắc và favicon: chưa có tệp gốc.

Vùng an toànĐề xuất, chưa phải tiêu chuẩn có hiệu lực: x = ¼ chiều cao biểu tượng, khoảng trống ≥ 1x ở mọi phía.

Kích thước tối thiểuỨng viên cần kiểm tra: bố cục rộng từ 120 px, biểu tượng từ 24 px. Favicon 16/32/48 px là tài sản riêng, cần kiểm tra.Đề xuất · cần phê duyệt

Không được làm vậy

✕ Không kéo giãn

✕ Không xoay

✕ Không đổi màu

✕ Không dùng bóng đổ khác

Vật thể ba chiều trên trang chủ là tài sản trang trí; nơi cần biểu tượng tái tạo chính xác thì dùng logo phẳng.

Màu sắc

Các giá trị khớp với token của trang web và tệp nodq-tokens.css / .json.

Cam NODQ Màu nhấn chính và nút kêu gọi hành động #F7931A · RGB 247, 147, 26

Nền tối sâu Nền tối #0A0C0B · RGB 10, 12, 11

Graphite Bảng điều khiển #151917 · RGB 21, 25, 23

Than chì nổi Bề mặt lồng nhau #202622 · RGB 32, 38, 34

Trắng ấm Nền sáng / chữ trên nền tối #F5F4F0 · RGB 245, 244, 240

Ink Chữ tối và dòng chữ trên nền cam #121613 · RGB 18, 22, 19

Di chuột trên nút kêu gọi hành động#FFAA33

Nút kêu gọi hành động khi nhấn#E3810C

Vệt sáng (đồ họa)#FFBD59

Cạnh tối (đồ họa)#D96800

Văn bản phụ · nền tối#B6BCB7

Văn bản phụ · nền sáng#59625B

Liên kết · nền sáng#9A4A00

Thành công#8DD6AB / #166B40

Cảnh báo#FFD08A / #875000

Lỗi#FF9B92 / #B7342A

Nhấn mạnh / đã chọn✓ Thành công! Cảnh báo✕ Lỗi Văn bản chính · phụ · liên kết Tiêu điểm bàn phím

Tương phản giữa các cặp: #121613 trên #F7931A ≈ 7,95:1 · #F5F4F0 trên #0A0C0B ≈ 17,8:1 · #9A4A00 trên #F5F4F0 ≈ 5,7:1. Không dùng chữ trắng nhỏ trên nền cam. Chưa công bố CMYK/Pantone.

Kiểu chữ

Onest 400/500/600/700 và JetBrains Mono cho địa chỉ và chữ ký. Các giá trị là kiểu thực tế của trang web.

Aa Ăă Ââ Bb 0123Onest · 400 / 500 / 600 / 700 · chữ Kirin và LatinĐộ đậm thườngĐậm vừaBán đậmĐậm

Nội dung riêng

H1clamp(34px, 4.4vw, 58px) · 700 · 1.05 · -0.035em Люди. Агенты. Одна сеть.

H2clamp(26px, 2.8vw, 38px) · 600 · 1.12 · -0.025em Правила для расходов агента

Lead17–20px · 500 · 1.4 · -0.01em Сеть для приложений, AI-сервисов и расчётов.

Body16–17px · 400 · 1.6 · 0 Агент работает в пределах бюджета, получателей и срока.

Caption13–14px · 400 · 1.45 · 0 Демонстрация · данные-образцы

Nhãn (đơn cách)11px · 400 · 1.3 · 0.08em Заказ #A-1042

Mã / Địa chỉ13–14px · 400 · 1.5 · 0 0x3f2c…a91e · 40,8021 NODQ

Lưới và kích thước

Hiện lưới trên mẫu

MụcTiêu đề mụcVăn bản giữ độ rộng 60–75 ký tự mỗi dòng.

Khung chứamax-width 1360px

Lề hai bênclamp(20px, 4.5vw, 72px)

Khoảng cách giữa các mụcclamp(48px, 6vw, 104px)

Khoảng cách lưới8 · 12 · 16 · 20 · 24 · 32 px

Bán kính8 trường · 10 nút · 12–16 thẻ · 999 nhãn

Đường nétĐường phân cách 1 px · sơ đồ 1.5 px

Tập trungviền 2 px + quầng sáng

Bóng đổchỉ menu và cửa sổ sản phẩm

Thành phần

Mẫu trạng thái tĩnh và một ví dụ biểu mẫu cục bộ — yêu cầu không được gửi đi đâu.

Nút

Chính Di chuột Đã nhấn Phụ Không khả dụng

Thẻ tab và nhãn

Đã chọnThông thường

Minh họaĐang thiết kếTài liệu đang được chuẩn bịKhả dụng

Trường và lỗi EmailGợi ý bên dưới trường

Biểu tượng và đồ họa

Biểu tượng nét Lucide 1.5–2 px trên lưới 16 / 20 / 24 px và ngôn ngữ hình ảnh chung của các sản phẩm.

file-textreceiptmessages-squareusersfoldersearchplugflag

Không trộn bộ biểu tượng nét, tô đặc và ba chiều.

Không gian

Tác nhân

Quyền hạn

Quyết toán

Chuyển động

Mỗi lần một ví dụ. Đường cong cubic-bezier(0.2, 0.8, 0.2, 1). Khi hệ thống đặt «giảm chuyển động», hiển thị khung hình cuối.

Nút / thẻ tab 180 ms · di chuột, chọn

Chuyển trạng thái 350 ms · trạng thái mới

Lộ trình thương hiệu 1000 ms · một thao tác

Không dùng nhận diện cầu vồng, con trỏ khác thường, chiếm quyền cuộn, tiêu đề gõ từng chữ hay hoạt ảnh số tiền ngẫu nhiên.

Ví dụ sử dụng

Cùng quy tắc trên các trang thực của trang web.

Màn hình đầu trang web →Cảnh tối, vật thể thương hiệu, nút kêu gọi hành động màu cam Bảng điều khiển Agent Wallet →Kiểm tra quy tắc, trạng thái ngữ nghĩa Không gian làm việc IZIGRAM →Tài liệu sáng màu, vùng truy cập được chọn

Không hiển thị bìa thuyết trình, thẻ thông báo và bố cục chung với đối tác: chưa có tài liệu được phê duyệt.

Tải tài liệu

Chỉ công bố các tệp đang tồn tại. Chưa đóng gói ZIP chung.

Token · CSSMàu, phông chữ, khung chứa, đường cong chuyển động · CSS · văn bản · 9 tháng Mười 2026Tải xuống

Token · JSONCùng bộ giá trị cho ứng dụng · JSON · văn bản · 9 tháng Mười 2026Tải xuống

Quy tắc ngắn gọnBao gồm gì và cách sử dụng · TXT · văn bản · 9 tháng Mười 2026Tải xuống

Logo SVGChưa có tệp gốc được phê duyệtTài liệu đang được chuẩn bị

Logo PNG (sáng / tối)Chưa có tệp gốc được phê duyệtTài liệu đang được chuẩn bị

Bộ nhận diện ZIPChưa có tệp gốc được phê duyệtTài liệu đang được chuẩn bị

Phiên bản và phản hồi

v0.19 tháng Mười 2026 · công bố hướng dẫn lần đầu: bảng màu, kiểu chữ, thành phần, token. Bản nháp.

Câu hỏi về sử dụng thương hiệuQua trang «Liên hệ»