NODQ
Tagalog
Bumili

Tatak ng NODQ

Pagkakakilanlan ng tatak, sistema ng disenyo, at mga materyal na magagamit.

Gabay ng tatakNa-update noong 9 Oktubre 2026
NODQ
Eksaktong heometriyaKuwadradong balangkas, tapyas na mga gilid, pantay-pantay na agwat.
Mainit na diinKahel sa maliit na bahagi lamang ng screen, para lang sa pangunahin.
Malinaw na paggalawIsang aksiyon — isang maikling pagbabago.
02

Katangian ng tatak

Teknolohikal na katumpakan, mahinahong mga ibabaw, at isang mainit na diin. Nasa ibaba ang nakikitang mga prinsipyo ng estilo, hindi pagpapakahulugan sa sagisag.

HeometriyaKuwadradong balangkas na may bilugang sulok — espasyo at hangganan ng akses.
Mga materyalMatte na grapayt at isang panig na kulay ambar.
TipograpiyaMalaki at malinaw na salita at mahinahong paliwanag.
PaggalawDahilan → pagbabago → resulta.
04

Mga kulay

Tugma ang mga halaga sa mga token ng site at sa mga file na nodq-tokens.css / .json.

Kahel ng NODQ Pangunahing diin at pindutang pang-aksiyon #F7931A · RGB 247, 147, 26
Malalim na likuran Madilim na likuran #0A0C0B · RGB 10, 12, 11
Graphite Mga panel #151917 · RGB 21, 25, 23
Nakaangat na grapayt Mga magkakapatong na ibabaw #202622 · RGB 32, 38, 34
Mainit na puti Maliwanag na likuran / teksto sa madilim #F5F4F0 · RGB 245, 244, 240
Ink Madilim na teksto at sulat sa kahel #121613 · RGB 18, 22, 19
Pindutang pang-aksiyon kapag nakatapat ang panturo#FFAA33
Nakadiing pindutang pang-aksiyon#E3810C
Kislap (grapika)#FFBD59
Panig na may anino (grapika)#D96800
Pangalawang teksto · madilim na tema#B6BCB7
Pangalawang teksto · maliwanag na tema#59625B
Link · maliwanag na tema#9A4A00
Tagumpay#8DD6AB / #166B40
Babala#FFD08A / #875000
Mali#FF9B92 / #B7342A
Diin / napili✓ Tagumpay! Babala✕ Mali Pangunahing teksto · pangalawa · link Pokus ng keyboard
Kontrast ng mga pares: #121613 sa #F7931A ≈ 7.95:1 · #F5F4F0 sa #0A0C0B ≈ 17.8:1 · #9A4A00 sa #F5F4F0 ≈ 5.7:1. Hindi ginagamit ang maliit na puting teksto sa kahel. Hindi pa nailathala ang CMYK/Pantone.
05

Tipograpiya

Onest 400/500/600/700 at JetBrains Mono para sa mga adres at maiikling paliwanag. Aktuwal na estilo ng site ang mga halaga.

Aa Bb 0123Onest · 400 / 500 / 600 / 700 · Siriliko at LatinKaraniwanKatamtamanBahagyang makapalMakapal
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 Демонстрация · данные-образцы
Label (iisang lapad ng mga karakter)11px · 400 · 1.3 · 0.08em Заказ #A-1042
Code / Adres13–14px · 400 · 1.5 · 0 0x3f2c…a91e · 40,8021 NODQ
06

Grid at mga sukat

SeksiyonPamagat ng seksiyonNananatili sa lapad na 60–75 karakter bawat linya ang teksto.
Lalagyanmax-width 1360px
Mga puwang sa gilidclamp(20px, 4.5vw, 72px)
Agwat ng mga seksiyonclamp(48px, 6vw, 104px)
Mga agwat ng grid8 · 12 · 16 · 20 · 24 · 32 px
Mga radius ng sulokmga patlang 8 · mga pindutan 10 · mga kard 12–16 · mga label 999
Mga linya1 px na panghiwalay · 1.5 px na diagram
Pokusbalangkas na 2 px + sinag
Mga aninomga menu at bintana ng produkto lamang
07

Mga bahagi

Mga hindi gumagalaw na halimbawa ng kalagayan at isang lokal na halimbawa ng form — hindi ipinapadala kahit saan ang kahilingan.

Mga pindutan
Pangunahin Pagtapat ng panturo Nakadiin Pangalawa Hindi magagamit
Mga tab at label
NapiliKaraniwan
DemonstrasyonDinidisenyoInihahanda ang dokumentoMagagamit
Patlang at mali
08

Mga icon at grapika

Mga linyang icon ng Lucide na 1.5–2 px sa grid na 16 / 20 / 24 px at pinagsasaluhang bokabularyong biswal ng mga produkto.

file-textreceiptmessages-squareusersfoldersearchplugflag
Huwag paghaluin ang mga set na linya, may buong kulay, at may tatlong dimensiyon.
Espasyo
Ahente
Pahintulot
Pagkumpleto ng bayad
09

Paggalaw

Isang halimbawa bawat pagkakataon. Kurba na cubic-bezier(0.2, 0.8, 0.2, 1). Kapag nakaayos ang sistema sa “bawasan ang paggalaw”, ang huling larawan ang ipinapakita.

Pindutan / tab 180 ms · pagtapat ng panturo, pagpili
Pagbabago ng kalagayan 350 ms · bagong kalagayan
Ruta ng tatak 1000 ms · isang aksiyon
Walang bahagharing pagba-brand, kakaibang panturo, sapilitang paghawak sa pag-scroll, pamagat na itinatala nang letra-letra, o animasyon ng pabago-bagong halaga.
10

Mga halimbawa ng paggamit

Parehong mga tuntunin sa tunay na mga pahina ng site.

Hindi ipinapakita ang pabalat ng presentasyon, kard ng anunsiyo, at paglalagay kasama ng kasosyo: walang aprubadong materyal.
11

I-download ang mga materyal

Mga umiiral na file lamang ang inilalathala. Hindi pa nabubuo ang pinagsamang ZIP na pakete.

Mga token · CSSMga kulay, font, lalagyan, kurba ng paggalaw · CSS · teksto · 9 Okt 2026I-download
Mga token · JSONParehong hanay ng mga halaga para sa mga aplikasyon · JSON · teksto · 9 Okt 2026I-download
Maikling mga tuntuninMga kasama at paano gamitin · TXT · teksto · 9 Okt 2026I-download
SVG na logoWalang aprubadong orihinalInihahanda ang dokumento
PNG na logo (maliwanag / madilim)Walang aprubadong orihinalInihahanda ang dokumento
ZIP na pakete ng tatakWalang aprubadong orihinalInihahanda ang dokumento
12

Bersiyon at puna

v0.19 Okt 2026 · unang paglalathala ng gabay: paleta, tipograpiya, mga bahagi, token. Burador.
Tanong tungkol sa paggamit ng tatakSa pahinang “Mga kontak”