แบรนด์ NODQ

อัตลักษณ์แบรนด์ ระบบออกแบบ และสื่อสำหรับใช้งาน

ไปยังเอกสาร กฎการใช้งาน →

คู่มือแบรนด์อัปเดต 9 ตุลาคม 2026

NODQ

เรขาคณิตที่แม่นยำเส้นกรอบสี่เหลี่ยม ขอบลบมุม ระยะห่างสม่ำเสมอ

สีเน้นอบอุ่นสีส้มใช้เพียงเล็กน้อยบนหน้าจอ สำหรับสิ่งสำคัญเท่านั้น

การเคลื่อนไหวที่เข้าใจง่ายหนึ่งการกระทำ หนึ่งการเปลี่ยนแปลงสั้น ๆ

บุคลิกแบรนด์

ความแม่นยำเชิงเทคโนโลยี พื้นผิวสงบ และสีเน้นอบอุ่นหนึ่งสี ด้านล่างคือหลักสไตล์ที่สังเกตได้ ไม่ใช่การตีความสัญลักษณ์

เรขาคณิตเส้นกรอบสี่เหลี่ยมมุมมน คือพื้นที่และขอบเขตการเข้าถึง

เอกสารแกรไฟต์ด้านกับขอบสีอำพันหนึ่งด้าน

ตัวอักษรคำขนาดใหญ่ชัดเจนพร้อมคำอธิบายเรียบง่าย

การเคลื่อนไหวสาเหตุ → การเปลี่ยนแปลง → ผลลัพธ์

โลโก้

องค์ประกอบปัจจุบันของเว็บไซต์: สัญลักษณ์และข้อความ NODQ ยังไม่เผยแพร่ไฟล์เวกเตอร์ต้นฉบับที่อนุมัติ จึงยังดาวน์โหลดโลโก้ไม่ได้

NODQ

องค์ประกอบหลัก · สัญลักษณ์ + NODQ

สัญลักษณ์ · ยังไม่อนุมัติสถานะสินทรัพย์แยกต่างหาก

ขนาดเล็ก · 32 / 24 / 16 px — ตรวจสอบความอ่านง่าย

พื้นลายตารางใช้เฉพาะพรีวิว ไม่แสดงเวอร์ชันสีเดียวและ favicon เพราะไม่มีไฟล์ต้นฉบับ

พื้นที่ปลอดภัยรอบสัญลักษณ์ข้อเสนอที่ยังไม่ใช่มาตรฐานที่มีผล: x = ¼ ของความสูงสัญลักษณ์ เว้นพื้นที่ว่าง ≥ 1x รอบทุกด้าน

ขนาดขั้นต่ำแบบที่ต้องตรวจสอบ: องค์ประกอบกว้างตั้งแต่ 120 px สัญลักษณ์ตั้งแต่ 24 px ส่วน favicon 16/32/48 px เป็นสื่อแยกและต้องตรวจสอบข้อเสนอ · ต้องอนุมัติ

ทำเช่นนี้ไม่ได้

✕ ห้ามยืด

✕ ห้ามหมุน

✕ ห้ามเปลี่ยนสี

✕ ห้ามใช้เงาแบบอื่น

วัตถุสามมิติบนหน้าแรกเป็นงานตกแต่ง ใช้โลโก้แบบแบนเมื่อต้องการสัญลักษณ์ที่ทำซ้ำได้ตรงกัน

สี

ค่าตรงกับโทเคนของเว็บไซต์และไฟล์ nodq-tokens.css / .json

ส้ม NODQ สีเน้นหลักและปุ่มเรียกให้ดำเนินการ #F7931A · RGB 247, 147, 26

พื้นหลังมืดลึก พื้นหลังมืด #0A0C0B · RGB 10, 12, 11

Graphite แผงควบคุม #151917 · RGB 21, 25, 23

แกรไฟต์ยกพื้น พื้นผิวซ้อนกัน #202622 · RGB 32, 38, 34

ขาวอบอุ่น พื้นสว่าง / ข้อความบนพื้นมืด #F5F4F0 · RGB 245, 244, 240

Ink ข้อความมืดและตัวอักษรบนสีส้ม #121613 · RGB 18, 22, 19

วางเมาส์เหนือปุ่มเรียกให้ดำเนินการ#FFAA33

ปุ่มเรียกให้ดำเนินการขณะกด#E3810C

แสงสะท้อน (กราฟิก)#FFBD59

ขอบเงา (กราฟิก)#D96800

ข้อความรอง · พื้นมืด#B6BCB7

ข้อความรอง · พื้นสว่าง#59625B

ลิงก์ · พื้นสว่าง#9A4A00

สำเร็จ#8DD6AB / #166B40

คำเตือน#FFD08A / #875000

ข้อผิดพลาด#FF9B92 / #B7342A

เน้น / เลือกแล้ว✓ สำเร็จ! คำเตือน✕ ข้อผิดพลาด ข้อความหลัก · รอง · ลิงก์ โฟกัสแป้นพิมพ์

คอนทราสต์แต่ละคู่: #121613 บน #F7931A ≈ 7.95:1 · #F5F4F0 บน #0A0C0B ≈ 17.8:1 · #9A4A00 บน #F5F4F0 ≈ 5.7:1 ไม่ใช้ข้อความสีขาวขนาดเล็กบนสีส้ม ยังไม่เผยแพร่ CMYK/Pantone

ตัวอักษร

Onest 400/500/600/700 และ JetBrains Mono สำหรับที่อยู่และลายเซ็น ค่าเหล่านี้คือสไตล์ที่ใช้จริงบนเว็บไซต์

กข Bb 0123Onest · 400 / 500 / 600 / 700 · อักษรซีริลลิกและละตินน้ำหนักปกติน้ำหนักปานกลางตัวกึ่งหนาตัวหนา

ข้อความของคุณเอง

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 Демонстрация · данные-образцы

ป้ายกำกับ (โมโน)11px · 400 · 1.3 · 0.08em Заказ #A-1042

โค้ด / ที่อยู่13–14px · 400 · 1.5 · 0 0x3f2c…a91e · 40,8021 NODQ

กริดและขนาด

แสดงกริดบนตัวอย่าง

ส่วนหัวข้อส่วนข้อความกว้าง 60–75 อักขระต่อบรรทัด

คอนเทนเนอร์max-width 1360px

ระยะขอบด้านข้างclamp(20px, 4.5vw, 72px)

ระยะห่างระหว่างส่วนclamp(48px, 6vw, 104px)

ช่องว่างกริด8 · 12 · 16 · 20 · 24 · 32 px

รัศมี8 ช่องกรอก · 10 ปุ่ม · 12–16 การ์ด · 999 ป้าย

เส้นเส้นแบ่ง 1 px · แผนภาพ 1.5 px

โฟกัสเส้นกรอบ 2 px + แสงเรือง

เงาเฉพาะเมนูและหน้าต่างผลิตภัณฑ์

องค์ประกอบ

ตัวอย่างสถานะคงที่และตัวอย่างแบบฟอร์มภายในเครื่องหนึ่งรายการ ไม่ส่งคำขอไปที่ใด

ปุ่ม

หลัก วางเมาส์ ขณะกด รอง ไม่พร้อมใช้งาน

แท็บและป้าย

เลือกแล้วปกติ

การสาธิตกำลังออกแบบกำลังจัดทำเอกสารพร้อมใช้

ช่องกรอกและข้อผิดพลาด อีเมลคำแนะนำใต้ช่องกรอก

ไอคอนและกราฟิก

ไอคอนเส้น Lucide 1.5–2 px บนกริด 16 / 20 / 24 px และภาษาภาพร่วมของผลิตภัณฑ์

file-textreceiptmessages-squareusersfoldersearchplugflag

อย่าปะปนชุดไอคอนเส้น ทึบ และสามมิติ

พื้นที่

เอเจนต์

อำนาจ

การชำระบัญชี

การเคลื่อนไหว

แสดงทีละตัวอย่าง เส้นโค้ง cubic-bezier(0.2, 0.8, 0.2, 1) เมื่อระบบตั้งค่า «ลดการเคลื่อนไหว» จะแสดงเฟรมสุดท้าย

ปุ่ม / แท็บ 180 มิลลิวินาที · วางเมาส์ เลือก

การเปลี่ยนสถานะ 350 มิลลิวินาที · สถานะใหม่

เส้นทางของแบรนด์ 1000 มิลลิวินาที · การกระทำเดียว

ไม่ใช้แบรนด์สีรุ้ง เคอร์เซอร์พิเศษ ยึดการเลื่อนหน้า พิมพ์หัวข้อทีละตัว หรือแอนิเมชันจำนวนเงินสุ่ม

ตัวอย่างการใช้งาน

กฎเดียวกันบนหน้าจริงของเว็บไซต์

หน้าจอแรกของเว็บไซต์ →ฉากมืด วัตถุแบรนด์ และปุ่มเรียกให้ดำเนินการสีส้ม แผงควบคุม Agent Wallet →ตรวจสอบกฎ สถานะเชิงความหมาย พื้นที่ทำงาน IZIGRAM →เอกสารพื้นสว่าง ขอบเขตเข้าถึงที่เลือก

ไม่แสดงปกงานนำเสนอ การ์ดประกาศ และงานวางร่วมกับคู่ค้า เพราะยังไม่มีสื่อที่อนุมัติ

ดาวน์โหลดสื่อ

เผยแพร่เฉพาะไฟล์ที่มีอยู่ ยังไม่ได้รวมแพ็กเกจ ZIP

โทเคน · CSSสี แบบอักษร คอนเทนเนอร์ เส้นโค้งการเคลื่อนไหว · CSS · ข้อความ · 9 ตุลาคม 2026ดาวน์โหลด

โทเคน · JSONชุดค่าเดียวกันสำหรับแอป · JSON · ข้อความ · 9 ตุลาคม 2026ดาวน์โหลด

กฎโดยย่อมีอะไรและใช้อย่างไร · TXT · ข้อความ · 9 ตุลาคม 2026ดาวน์โหลด

โลโก้ SVGไม่มีต้นฉบับที่อนุมัติกำลังจัดทำเอกสาร

โลโก้ PNG (สว่าง / มืด)ไม่มีต้นฉบับที่อนุมัติกำลังจัดทำเอกสาร

แพ็กเกจแบรนด์ ZIPไม่มีต้นฉบับที่อนุมัติกำลังจัดทำเอกสาร

เวอร์ชันและข้อเสนอแนะ

v0.19 ตุลาคม 2026 · เผยแพร่คู่มือครั้งแรก: ชุดสี ตัวอักษร องค์ประกอบ และโทเคน ฉบับร่าง

คำถามเรื่องการใช้แบรนด์ผ่านหน้า «ติดต่อ»