Modal
இருட்டடிக்கப்பட்ட சர்வர் அறையில் உள்ள ஒரு பாஸ்பரசென்ட் முனையம் - அதன் ஒரே ஒளி மூலம் பிரகாசமான பச்சை நிறம்.
இருண்ட சர்வர் அறையில் உள்ள ஒரு ஒளிரும் முனையத்தைப் போல மோடல் செயல்படுகிறது: கிட்டத்தட்ட கருமையான திரை, வெளிர் பச்சை நிற எழுத்துக்கள், மற்றும் LED நிலை காட்டியாகச் செயல்படும் ஒரே ஒரு பிரகாசமான எலுமிச்சை-பச்சை நிறத் தொடுப்பு. இதன் வடிவமைப்பு மொழி டெவலப்பர்களை மையமாகக் கொண்டது—போக்குவரத்து விளக்குப் புள்ளிகளுடன் கூடிய ஒற்றை இடைவெளி குறியீட்டு சாளரங்கள், தனித்துவமான பச்சை நிறத்தில் ஐசோமெட்ரிக் 3D சின்னங்கள், மற்றும் ஏராளமான வெள்ளை இடைவெளி ஆகியவை ஒவ்வொரு பிரிவிலும் உள்ள ஒரு உறுப்பு ஒளிர அனுமதிக்கின்றன. எழுத்துருவானது, தலைப்புகளுக்கு ஒரு தனிப்பயன் எழுத்துரு (கோகா) மற்றும் அனைத்து UI கூறுகளுக்கும் ஒரு மாறும் எழுத்துரு (இன்டர்) எனப் பிரிக்கப்பட்டுள்ளது; இவை இரண்டும் குறுகிய நெகட்டிவ் டிராக்கிங்குடன் அமைக்கப்பட்டுள்ளன. நிறங்கள் சமமாகப் பரப்பப்பட்டுள்ளன: பெரும்பாலான திரைகள் நிறமற்றவை, மேலும் பிரகாசமான எலுமிச்சை-பச்சை நிறம் முக்கியச் செயல்பாடுகள், லோகோ, 3D விளக்கப்படங்கள் மற்றும் முக்கியத்துவம் வாய்ந்த தருணங்களில் மட்டுமே தோன்றும். கூறுகள் தட்டையாகவும் சட்டமின்றியும் உள்ளன; நிழல்களுக்குப் பதிலாக நுட்பமான பச்சை நிற ஓரங்கள் மற்றும் பின்னணி மங்கல் மூலம் ஆழம் உருவாக்கப்பட்டுள்ளது.
உள்ளடக்கத்திற்கு இடமளிக்கும் வகையில், இந்த மோடல் அதிகபட்சமாக 1280px அகலம் கொண்ட முழு அகல இருண்ட தளவமைப்பைப் பயன்படுத்துகிறது. முதன்மை சாளரம் மையப்படுத்தப்பட்டுள்ளது: தலைப்பு (எலுமிச்சை பச்சை நிறத்தில் முதல் வாக்கியம்), ஒரு துணைத் தலைப்பு, இரண்டு செயல் அழைப்புகள், மற்றும் ஒரு காட்சி நங்கூரமாக ஒற்றை 3D பொருள் ஆகியவை தளவமைப்பைப் பக்கப்பட்டியிலிருந்து பிரிக்காமல் இடம்பெற்றுள்ளன. உள்ளடக்கப் பிரிவுகள் ஒரு சீரான தாளத்தைப் பின்பற்றுகின்றன: புருவக் குறி (பெரிய எழுத்துக்கள், மாஸ் 70) → கோகா தலைப்பு → மங்கலான முக்கிய உரை, பின்னர் ஒரு அம்ச விளக்கத்துடன் கூடிய இரண்டு-பத்தி தளவமைப்பு (உரை + குறியீடு/காட்சி அட்டை) அல்லது அட்டைகளின் மூன்று-பத்தி கட்டம். பிரிவுகளுக்கு இடையேயான இடைவெளிகள் தாராளமானவை—80px. பக்கம் அடர் வெற்று (#000000) மற்றும் சற்றே வெளிச்சமான பின்னணி (#181818) பட்டைகளுக்கு இடையில் மாறி மாறி வருகிறது, மேலும் ஒரு காட்சி ஓய்வாகப் பக்கத்தின் நடுவில் ஒரு வெளிச்சமான பகுதி (#def0dd) தோன்றுகிறது. வழிசெலுத்தல், மங்கலான பின்னணியுடன் கூடிய ஒற்றை, நிலையான மேல் பட்டையைக் கொண்டுள்ளது—பக்கப்பட்டி அல்லது மெகா-மெனு இல்லை. அடிக்குறிப்பு கச்சிதமாகவும் அடர் நிறத்திலும் உள்ளது, மேலும் அதில் மங்கலான பச்சை நிற இணைப்புத் தூண்கள் இடம்பெற்றுள்ளன. உரை அடர்த்தி வசதியாக உள்ளது: ஒவ்வொரு பகுதிக்கும் போதுமான இடம் ஒதுக்கப்பட்டுள்ளது, மேலும் அட்டைக் கட்டங்கள் மூன்று தூண்களுக்கு மேல் பயன்படுத்துவதில்லை.
மோடலின் காட்சி மொழி இரண்டு முறைகளாகப் பிரிக்கப்பட்டுள்ளது: 3D ஒளிரும் தயாரிப்பு ரெண்டர்கள் மற்றும் அடர் குறியீட்டு சாளர மாதிரிகள். இதன் மையப் புள்ளி, ஒரு சந்தைப்படுத்தல் சாய்வு வண்ணத்தைப் (எலுமிச்சை பச்சை முதல் மரகதம் வரை) பயன்படுத்தி ரெண்டர் செய்யப்பட்ட ஒரு ஒற்றை 3D கனசதுரம் ஆகும். இது, அந்த பிராண்டின் தனித்துவமான காட்சிப் பாணியான பச்சை ஒளியில் வெற்று இடத்தை நனைக்கும் ஒரு ஆரச் சாய்வு ஒளிவட்டத்திற்குள் அமைக்கப்பட்டுள்ளது. பணிச்சுமை அட்டைகளில், அடர் பின்னணியில் அதே எலுமிச்சை பச்சை நிறத்தில் ரெண்டர் செய்யப்பட்ட ஐசோமெட்ரிக் 3D சின்னங்கள் (ஒரு வயர்ஃப்ரேம் கனசதுரம், ஒரு திடமான படிக்கட்டு, அடுக்குகள்) உள்ளன. குறியீடு மற்றும் பெஞ்ச்மார்க் முடிவுகள், போக்குவரத்து விளக்குப் புள்ளிகள், பாஸ்பரசென்ட் வண்ணத் தொகுப்பில் மோனோஸ்பேஸ்டு தொடரியல் சிறப்பித்தல் மற்றும் ஒரு மங்கலான பச்சை நிற எல்லை ஆகியவற்றைக் கொண்ட டெர்மினல் சாளர அட்டைகளாக வழங்கப்படுகின்றன—அவை ஒரு உண்மையான கட்டளை வரி இடைமுகத்தின் ஸ்கிரீன்ஷாட்களைப் போலத் தோற்றமளிக்கின்றன. வாடிக்கையாளர் சின்னங்கள், காட்சிப் போட்டியின்றி நம்பிக்கையை உணர்த்தும் வகையில், ஒற்றை, குறைந்த மாறுபாடு கொண்ட வரிசையில், நிறம் மங்கிய பச்சை-சாம்பல் லேபிள்களாகக் காட்டப்படுகின்றன. ஒட்டுமொத்த அடர்த்தி குறைவாக உள்ளது—பெரும்பாலான பக்கங்களில் பெரும்பாலும் உரையே உள்ளது, மேலும் படங்கள் புகைப்படங்களின் கட்டங்களாக இல்லாமல் தனித்தனி மையப் புள்ளிகளாக வழங்கப்படுகின்றன. புகைப்படங்கள் எதுவும் இல்லை; முழு காட்சி அமைப்பும் ரெண்டர் செய்யப்பட்ட, வடிவியல் சார்ந்த மற்றும் ஒளிரும் தன்மையுடையது.
வண்ணத் தட்டு
பிராண்ட்
- Lime Pulse
#7fee64— நிறுவன அடையாளத்தின் முக்கியக் கூறுகள் என்பவை இலச்சினை, முக்கியச் செயல் அழைப்பு (CTA), குறிச்சொல் நிரப்புதல், செயல்பாட்டு நிலைகள் மற்றும் விளக்கப்படத்தின் அடிப்படை நிறம் ஆகியவை ஆகும்.
நடுநிலை
- Phosphor White
#ddffdc— முதன்மை உரை, தலைப்பு நிறம், சின்னத்தின் வெளிக்கோடு மற்றும் பொத்தானில் நிரப்பப்பட்ட உரை ஆகியவை முக்கியமாகப் படிக்கக்கூடிய மேற்பரப்புகளாகும். - Void Black
#000000— பக்க கேன்வாஸ், மிக ஆழமான பின்னணி அடுக்கு - Ground Iron
#181818— பிரதான பொத்தானின் நிரப்பு, இருண்ட பகுதிகளில் உள்ள அட்டை மேற்பரப்புகள், பயனர் இடைமுகத்தின் அடிப்பரப்பு. - Carbon Veil
#212525— உயர்ந்த மேற்பரப்புகள், வழிசெலுத்தல் பின்னணி, தரையை விட சற்றே வெளிச்சமானது. - Circuit Border
#485346— முக்கியமான ஊடாடும் மெல்லிய கோடான, வெளிக்கோட்டு/நிழல் இயக்கச் சட்டகம், மங்கிய பச்சை கலந்த சாம்பல் நிறத்தில் உள்ளது. - Phosphor Blue-Black
#1f2a33— அடர் பட்டைகளுக்கு இடையில் கோடுகளைப் பிரிக்கும் இரண்டாம் நிலை மெல்லிய அடையாளக் கோடுகள்.
அச்சுக்கலை
12 முதல் 64px வரை · 8 படிகள்
- Goga — மாற்று: Inter Tight or Space Grotesk · வெளிப்புறங்கள் 400, 500 · தலைப்பு மற்றும் துணைத்தலைப்பு எழுத்துரு – அனைத்து H1–H4 தலைப்புகள் மற்றும் அட்டைகளுக்குப் பயன்படுத்தப்படுகிறது. கோகா என்பது குறுகிய திறப்புகள் மற்றும் சற்றே சதுரமான முனைகளைக் கொண்ட ஒரு தனிப்பயன் வடிவியல் சான்ஸ்-செரிஃப் எழுத்துருவாகும். நடுத்தர எடை (500) அட்டை-நிலை தலைப்புகளை முன்னிலைப்படுத்த ஒதுக்கப்பட்டுள்ளது; சாதாரண எடை (400) முதன்மை மற்றும் பிரிவுத் தலைப்புகளுக்குப் பயன்படுத்தப்படுகிறது. மோடலின் அடையாளத்தை வரையறுக்கும் மாற்று கிளிஃப் வடிவங்களை அணுக, அதன் 'ss01' ஸ்டைலிஸ்டிக் செட் இயக்கப்பட வேண்டும். எதிர்மறை எழுத்து இடைவெளி 48px-ல் -0.007em-லிருந்து 21px-ல் -0.017em ஆகப் படிப்படியாகக் குறைகிறது.
- Inter Variable — மாற்று: Inter · வெளிப்புறங்கள் 400, 500 · பயனர் இடைமுகம் மற்றும் உள்ளடக்க உரை – வழிசெலுத்தல், பொத்தான்கள், உள்ளடக்க உரை, குறிச்சொற்கள், அடிக்குறிப்பு. ஊடாடும் கூறுகள் மற்றும் வழிசெலுத்தலுக்கு இயல்பாக நடுத்தர தடிமன் (500) பயன்படுத்தப்படுகிறது; பத்திகளுக்கு இயல்பான தடிமன் (400) பயன்படுத்தப்படுகிறது. சிறிய அளவுகளில்கூட எழுத்து இடைவெளி குறிப்பிடத்தக்க அளவில் குறைக்கப்பட்டுள்ளது (14px-ல் -0.026em, 16px-ல் -0.022em), இது இடைமுகத்திற்கு ஒரு செறிவான, முனைய அடர்த்தியை அளிக்கிறது. மாற்று நிறுத்தற்குறிகளுக்கு, 'cv11' எழுத்து வகையைச் சேர்க்க வேண்டும். உள்ளடக்க உரையின் அடர்த்தியைச் சமன் செய்வதற்காக, 12px அளவில் உள்ள அனைத்து பெரிய எழுத்து குறிச்சொற்கள் +0.05em எழுத்து இடைவெளியைப் பயன்படுத்துகின்றன.
இடைவெளிகள் மற்றும் வடிவம்
| நோக்கம் | பொருள் |
|---|---|
| அடர்த்தி | சராசரி |
| அடிப்படை படி | 20px |
| பொத்தான் ஆரம் | 12px |
| அட்டை ஆரம் | 8px |
| நிழல்கள் | நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை |
| பிரிவுகளுக்கு இடையில் | 80px |
| பக்க அகலம் | 1280px |
செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Modal பாணியில் உருவாக்கி, அதை நிரப்பும்.
- Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
- உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
- சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
- தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.
ஒத்த பாணிகள்
- Slash — தங்க முலாம் பூசப்பட்ட கணக்குப் பதிவேடுகளுடன் கூடிய நள்ளிரவுப் பெட்டகம்
- AgentQL — இரவில் முனையத்தின் மீது வட துருவ ஒளி
- GitHub — உயிரிஒளி கட்டுப்பாட்டுப் புள்ளிகளைக் கொண்ட ஒரு விண்வெளிக் கட்டளைப் பலகம் — ஒற்றைப் பச்சை ஒளி முன்னோக்கிய வழியைக் காட்டும் ஓர் இருண்ட, சூழல் நிறைந்த பணிச்சூழல்.
- Doppler — நள்ளிரவில் அந்தப் பெட்டகத்தின் ஊதா நிற ஒளி. ஏறக்குறைய கருமையான அதன் திரை, ஒற்றை லாவெண்டர் சமிக்ஞை மற்றும் ஒரு பச்சை உறுதிப்படுத்தும் ஒளியுடன் பிரகாசிக்கிறது; அதன் ஒவ்வொரு மேற்பரப்பும் பிடிப்பதற்கு ஏற்றவாறு வளைந்திருந்தது.
- Basedash — மங்கலான எழுத்துரு கொண்ட ஒரு நள்ளிரவுத் தரவு முனையம். அளவீடுகள் ஊதா மற்றும் பச்சை நிறங்களில் ஒளிரும், இரைச்சலுக்கு மேலே செரிஃப் தலைப்புச் செய்திகள் மிதக்கும், மற்றும் மென்மையான கருப்புப் பரப்புகள் நிறைந்த ஓர் அறையில் வெள்ளை மாத்திரை வடிவப் பொத்தான்கள் மட்டுமே பிரகாசமான பொருட்களாகத் திகழும் ஓர் இருண்ட வானாய்வகம்.
- Superwhisper — நள்ளிரவுக் கண்ணாடியின் மீது வட துருவ ஒளி கரைகிறது.
- Better Stack — நள்ளிரவு SRE கன்சோல்
- Langbase — நள்ளிரவு வட துருவ ஒளி கன்சோல்
- Astro — நெபுலாவிலிருந்து வரும் ஒற்றை ஊதா நிற ஒளியுடன் ஆழ்விண்வெளி பயணக் கட்டுப்பாட்டு மையம்
- Wayfinder — ஒரு உயிரோட்டமான சித்திரத்தின் மேலே, மிகவும் மெல்லியதாகக் கேட்கும் தலைப்புடன் கூடிய ஒரு கருப்புத் திரைப்படத் திரை. அதன் இடைமுகம், ஒரு கட்டுப்பாட்டுப் பலகமாக இல்லாமல், பிரகாசத்தை சரிசெய்யும் ஒரு ஸ்லைடராக உள்ளது.
- HashiCorp — நள்ளிரவில் ஊதா நியான் விளக்குகளால் ஒளிரும் கட்டுப்பாட்டு அறை, ஒரு இருண்ட தொழில்நுட்பப் பரப்பாகும்; அங்கு ஒளிரும் அறுகோணக் கனசதுரம் மட்டுமே ஒரே வண்ண அடையாளமாகச் செயல்படுகிறது.
- Umbrel — இரவு நேர சர்வர் அறையில் ஒரு இதமான நெருப்புக் குழி—ஒற்றை ஆரஞ்சு நிற ஒளி, உண்மையிலேயே முக்கியமானதை எடுத்துக்காட்டுகின்ற ஓர் இருண்ட அறை.