பிராண்ட் வழிகாட்டி9 அக்டோபர் 2026 புதுப்பிக்கப்பட்டது
NODQ
துல்லியமான வடிவியல்சதுர வெளிக்கோடு, சாய்விளிம்புகள், சீரான இடைவெளிகள்.
வெம்மையான வலியுறுத்தல்ஆரஞ்சு திரையின் சிறு பகுதி மட்டும்; முக்கியமானவற்றிற்கு மட்டும்.
புரியக்கூடிய இயக்கம்ஒரு செயல் — ஒரு சிறிய மாற்றம்.
02
பிராண்டின் தன்மை
தொழில்நுட்பத் துல்லியம், அமைதியான மேற்பரப்புகள் மற்றும் ஒரே வெம்மையான வலியுறுத்தல். கீழே காணக்கூடிய பாணிக் கொள்கைகள் உள்ளன; சின்னத்திற்கான விளக்கம் அல்ல.
வடிவியல்வட்டமான மூலைகளைக் கொண்ட சதுர வெளிக்கோடு — ஓர் இடமும் அணுகல் எல்லையும்.
பொருட்கள்மங்கலான கிராஃபைட்டும் ஓர் அம்பர் விளிம்பும்.
ஒரே வலைப்பின்னல்அமைதியான விளக்க உரை
எழுத்தமைப்புபெரிய தெளிவான சொல்லும் கட்டுப்பாடான விளக்கமும்.
இயக்கம்காரணம் → மாற்றம் → முடிவு.
03
லோகோ
தளத்தின் தற்போதைய அமைப்பு: சின்னமும் NODQ பெயரும். அங்கீகரிக்கப்பட்ட மூல வெக்டர் கோப்பு இன்னும் வெளியிடப்படாததால் லோகோ பதிவிறக்கம் கிடைக்காது.
NODQ
முதன்மை அமைப்பு · சின்னம் + NODQசின்னம் · தனிச் சொத்தாக அங்கீகரிக்கப்படவில்லைசிறிய அளவுகள் · 32 / 24 / 16 px — வாசிப்புத் தெளிவு சோதனை
சதுரக் கட்டங்கள் முன்னோட்டப் பின்னணி மட்டும். ஒருநிறப் பதிப்புகளும் favicon-உம் காட்டப்படவில்லை: மூலக் கோப்புகள் இல்லை.
பாதுகாப்பு இடைவெளி
NODQ
முன்மொழிவு; நடைமுறைத் தரநிலை அல்ல: x = சின்னத்தின் உயரத்தில் ¼, அனைத்துப் பக்கங்களிலும் காலி இடம் ≥ 1x.
குறைந்தபட்ச அளவுசரிபார்ப்பிற்கான வடிவங்கள்: அமைப்பின் அகலம் 120 px முதல், சின்னம் 24 px முதல். Favicon 16/32/48 px தனிச் சொத்து; சரிபார்க்கப்பட வேண்டும்.முன்மொழிவு · ஒப்புதல் தேவை
இப்படிச் செய்ய முடியாது
NODQ
✕ நீட்டிக்க வேண்டாம்
NODQ
✕ சுழற்ற வேண்டாம்
NODQ
✕ நிறங்களை மாற்ற வேண்டாம்
NODQ
✕ வேறு நிழல்கள் வேண்டாம்
முகப்பிலுள்ள முப்பரிமாணப் பொருள் அலங்காரச் சொத்து; மீண்டும் உருவாக்கக்கூடிய சின்னம் தேவைப்படும் இடத்தில் தட்டையான லோகோ பயன்படும்.
04
நிறங்கள்
மதிப்புகள் தளத்தின் டோக்கன்கள் மற்றும் 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
Inkஆரஞ்சு மீது அடர் உரையும் பெயரும்#121613 · RGB 18, 22, 19
சுட்டியை வைத்த செயல் பொத்தான்#FFAA33
அழுத்தப்பட்ட செயல் பொத்தான்#E3810C
ஒளிக்கீற்று (வரைகலை)#FFBD59
நிழல் விளிம்பு (வரைகலை)#D96800
துணை உரை · அடர் தீம்#B6BCB7
துணை உரை · வெளிர் தீம்#59625B
இணைப்பு · வெளிர் தீம்#9A4A00
வெற்றி#8DD6AB / #166B40
எச்சரிக்கை#FFD08A / #875000
பிழை#FF9B92 / #B7342A
வலியுறுத்தல் / தேர்வு✓ வெற்றி! எச்சரிக்கை✕ பிழைமுதன்மை உரை · துணை · இணைப்புவிசைப்பலகைக் கவனம்
நிற ஜோடிகளின் மாறுபாடு: #F7931A மீது #121613 ≈ 7.95:1 · #0A0C0B மீது #F5F4F0 ≈ 17.8:1 · #F5F4F0 மீது #9A4A00 ≈ 5.7:1. ஆரஞ்சில் சிறிய வெள்ளை உரை பயன்படுத்தப்படுவதில்லை. CMYK/Pantone வெளியிடப்படவில்லை.
05
எழுத்தமைப்பு
Onest 400/500/600/700 மற்றும் முகவரிகள், லேபிள்களுக்கான JetBrains Mono. மதிப்புகள் தளத்தின் உண்மையான பாணிகள்.
கோட்டு, நிரப்பிய மற்றும் முப்பரிமாணத் தொகுப்புகளைக் கலக்க வேண்டாம்.
பணியிடம்
ஏஜென்ட்
அதிகாரம்
பணத் தீர்வு
09
இயக்கம்
ஒரு நேரத்தில் ஓர் எடுத்துக்காட்டு. cubic-bezier(0.2, 0.8, 0.2, 1) வளைவு. அமைப்பில் «இயக்கத்தைக் குறைக்கவும்» தேர்வு இருந்தால் இறுதிச் சட்டகம் காட்டப்படும்.
பொத்தான் / தாவல்180 மில்லிநொடி · சுட்டியை வைத்தல், தேர்வு
நிலை மாற்றம்350 மில்லிநொடி · புதிய நிலை
பிராண்டின் வழித்தடம்1000 மில்லிநொடி · ஒரு செயல்
வானவில் பிராண்டிங், வழக்கமற்ற சுட்டி, உருட்டலைக் கைப்பற்றுதல், தலைப்புகளை எழுத்தெழுத்தாகத் தட்டச்சிடுதல், சீரற்ற தொகைகளின் அனிமேஷன் ஆகியவை இல்லை.