Slash
தங்க முலாம் பூசப்பட்ட கணக்குப் பதிவேடுகளுடன் கூடிய நள்ளிரவுப் பெட்டகம்
ஸ்லாஷ் ஒரு நள்ளிரவு கேலரி பாணியில் இயங்குகிறது: கிட்டத்தட்ட கருப்பு நிறத் திரை, வெள்ளை நிற எழுத்துக்கள், மற்றும் நிறுத்தற்குறியாகச் செயல்படும் ஒரே ஒரு இதமான செப்பு நிறக் குறியீடு. தலைப்புச் செய்திகள் ஐவி பிரெஸ்டோவில் காட்டப்படுகின்றன; இது மிக அதிக அளவுகளில் (88px வரை) பயன்படுத்தப்படும், அதிக மாறுபாடு கொண்ட ஒரு டிடோன் செரிஃப் எழுத்துருவாகும். செரிஃப் மற்றும் சான்ஸ்-செரிஃப் எழுத்துருக்களின் இந்த மோதல்தான் இந்த அமைப்பின் தனித்துவமான அடையாளமாகும். இது பாரம்பரிய வங்கித்துறையின் தரகு நிறுவனத் தன்மையின்றி, இதற்கு ஒரு நிதித்துறை சார்ந்த கம்பீரத்தை அளிக்கிறது. பயனர் இடைமுகத்தின் மற்ற பகுதிகள் வேண்டுமென்றே எளிமையாக வடிவமைக்கப்பட்டுள்ளன: மெல்லிய ஓரங்கள், மாத்திரை வடிவக் கட்டுப்பாடுகள், கச்சிதமான 16px அளவுள்ள முக்கிய உரை, மற்றும் எழுத்துக்கள் இயல்பாக வெளிப்பட அனுமதிக்கும் ஒரு மென்மையான மேல்நோக்கிய வளைவு. ஒரே ஒரு தங்க நிற கிரேடியன்ட் (வரைபடக் கோடு, நுண் குறியீடுகள்) இந்த ஒற்றை வண்ண அமைப்புக்கு இதமான தன்மையைச் சேர்க்கிறது. இது வடிவமைப்புப் பார்வையாளர்களுக்காக உருவாக்கப்பட்ட ஒரு ப்ளூம்பெர்க் டெர்மினலின் இதமான ஒளியை நினைவூட்டுகிறது.
உள்ளடக்கம் 1216px அகலமும், மையப்படுத்தப்பட்ட அமைப்பும், 160px செங்குத்து இடைவெளிகளும் கொண்டது. முகப்புத் திரையானது, பிரிக்கப்பட்ட அமைப்பைக் கொண்ட ஒரு அடர்நிற, முழு அகல கேன்வாஸ் ஆகும்: இடதுபுறம் சீரமைக்கப்பட்ட செரிஃப் தலைப்பு (64–88px அகலம்) அதன் கீழே ஒரு மின்னஞ்சல் முகவரிப் புலத்துடன், மற்றும் வலதுபுறத்தில் 50% அகலத்தில் ஒரு பெரிய தயாரிப்பு UI அட்டை (ஒரு டாஷ்போர்டு ஸ்கிரீன்ஷாட்). அடுத்தடுத்த பிரிவுகள், இன்டர் எழுத்துருவில் ஒரு துணைத் தலைப்புடன் கூடிய ஒற்றை-பத்தி, மையப்படுத்தப்பட்ட தலைப்பைப் (செரிஃப், 44–64px அகலம்) பயன்படுத்துகின்றன, அதைத் தொடர்ந்து அம்ச விளக்கங்கள்/சான்றுகள்/வலைப்பதிவுகளுக்கான அட்டைகளின் மூன்று-பத்தி கட்டங்கள் உள்ளன. வழிசெலுத்தல் ஒரு நிலையான மேல் பட்டையாகும்: இடதுபுறத்தில் லோகோ, மைய மெனு (நிறுவனம், தயாரிப்புகள், தீர்வுகள், வாடிக்கையாளர்கள், விலை நிர்ணயம், அடிக்கடி கேட்கப்படும் கேள்விகள்), வலதுபுறம் சீரமைக்கப்பட்ட உள்நுழைவு (கவனிக்கப்படாதது), மற்றும் தொடங்குதல் (வெள்ளை நிறத்தில் நிரப்பப்பட்ட பகுதி). அடிக்குறிப்பில், நிறுவனத் தகவல்கள் மற்றும் சட்ட அறிவிப்புகளுடன் கூடிய இணைப்புகளின் அடர்த்தியான ஐந்து-பத்தி கட்டம் இடம்பெற்றுள்ளது. இந்தப் பக்கம், உள்ளடக்கம் நிறைந்த கட்டப் பிரிவுகளுக்கும் முழுத் திரைப் புள்ளிவிவரங்களுக்கும் இடையே மாறி மாறி வருகிறது—மாறிவரும் பின்னணி வண்ணங்களால் அல்லாமல், பத்திகளுக்கு இடையேயான தாராளமான வெற்று இடத்தால் இந்தத் தாளம் அமைக்கப்பட்டுள்ளது (முழுப் பக்கமும் ஒரே, ஒருங்கிணைந்த திரையாகக் காட்டப்பட்டுள்ளது).
புகைப்படங்கள் தலையங்க பாணியிலும் இயல்பாகவும் உள்ளன: நிறுவனர்கள் மற்றும் குழு உறுப்பினர்களின் நிஜ வாழ்க்கை பணிச்சூழல்களில் (அலுவலகங்கள், வரவேற்பறைகள், கட்டுமானத் தளங்கள்) எடுக்கப்பட்ட இதமான உருவப்படங்கள். படங்கள் கார்டு பிரேம்களை விளிம்பு முதல் விளிம்பு வரை, எந்தவித இடைவெளியும் இல்லாமல் நிரப்புகின்றன. சான்றளிப்பு அட்டைகளின் அடிப்பகுதியில், உரையின் வாசிப்புத்திறனை மேம்படுத்த ஒரு அடர் வண்ணச் சாய்வு பயன்படுத்தப்பட்டுள்ளது. "லிங்க்டின் மற்றும் தலையங்க இதழின் கலவை" போன்ற இதன் அழகியல், இயல்பானதாகவும், மனிதத்தன்மை கொண்டதாகவும், சற்றே அடக்கமானதாகவும் உள்ளது; இது ஒருபோதும் ஆயத்தப் புகைப்படங்களைக் கொண்டு மெருகூட்டப்படவில்லை. கட்டுரை சிறுபடங்கள், புகைப்படங்களை விளக்கப்படக் கருத்துகளுடன் (ஒரு புதிர்வழியில் நிற்கும் நபர், பணப் பைகளுடன் கூடிய நெருப்பிடம் போன்றவை) இணைக்கின்றன. தயாரிப்பின் பயனர் இடைமுகம், பக்கத்தின் மையக் கூறான நுட்பமான அடர் பரப்புகளில் மிதப்பது போல, முழுமையான ஒளிபுகாத்தன்மையுடன் டார்க் மோடில் காட்டப்படுகிறது. சின்னங்கள் #2e3038 அல்லது #777a88 வண்ணங்களில் 1px கோடுகளுடன் ஒரே வண்ணத்தில் உள்ளன, அவை ஒருபோதும் பிராண்ட் வண்ணத்தால் நிரப்பப்படவில்லை.
வண்ணத் தட்டு
நடுநிலை
- Bone
#e2e3e9— முதன்மை உரைக்கு பெரிய எழுத்துரு அளவு, விரிவான தரவு லேபிள்கள் மற்றும் பெரும்பாலான UI கூறுகளில் ஒரு நிலையான உரைத் தொனி. - Obsidian
#08080a— பக்கக் கேன்வாஸ், அதாவது அடிக்குறிப்பின் பின்னணி, மிகவும் இருண்ட மேற்பரப்பானது, மெல்லிய நீலச் சாயலுடன் கிட்டத்தட்ட கருப்பாக உள்ளது. - Onyx
#040406— காட்சி விளைவுக்காக, அட்டையின் மேற்பரப்பான கூடுதல் பின்னணி, பக்கத்தை விட ஒரு படி ஆழமாக அமைக்கப்பட்டுள்ளது. - Carbon
#121317— உயர்த்தப்பட்ட பேனல்கள், கண்ணுக்கு உறுத்தாத UI நிரப்புதல் - சர்ஃபேஸ் ஸ்டாக்கின் பரிணாம வளர்ச்சியில் இதுவே முதல் குறிப்பிடத்தக்க இலகுவான படியாகும். - Graphite
#1c1d22— எல்லைகள், பிரிப்பான்கள், சின்னக் கொள்கலன்கள், கட்டுப்பாட்டு நகர்த்திகள்—கட்டமைப்பை வரையறுக்கும் வண்ணத்தின் மிக நுட்பமான சாயல். - Slate
#2e3038— கூடுதல் எல்லைகள், மங்கலான ஐகான் கோடுகள், உள்ளடக்கத் தொகுதிகளுக்கு இடையேயான நுட்பமான பிரிப்பான்கள்.
அச்சுக்கலை
13 முதல் 88px வரை · 9 படிகள்
- Ivy Presto — மாற்று: Playfair Display · வெளிப்புறங்கள் 400, 500 · தலைப்புகள் மற்றும் துணைத் தலைப்புகளுக்கான ஒரு செரிஃப் எழுத்துரு—28px மற்றும் அதற்கு மேற்பட்ட அளவில், தலைப்புகள் மற்றும் பகுதித் தலைப்புகளுக்கு பிரத்தியேகமாகப் பயன்படுத்தப்படுகிறது. மெல்லிய செரிஃப்களுடன் கூடிய அதிக மாறுபாடுள்ள டிடோன் கோடுகள், ஒரு பதிப்புத்துறை ஆடம்பர உணர்வை உருவாக்குகின்றன; 0.01em என்ற சிறிய நேர்மறை எழுத்து இடைவெளி அசாதாரணமானது மற்றும் இந்த எழுத்துருவிற்கு அச்சிடப்பட்ட, கணக்கியல் போன்ற தோற்றத்தை அளிக்கிறது. இந்த செரிஃப் எழுத்துருவே இந்த பிராண்டின் முக்கிய அடையாளமாகும்—இயல்புநிலையாக வடிவியல் சான்ஸ்-செரிஃப் எழுத்துருக்களைப் பயன்படுத்தும் மற்ற அனைத்து SaaS ஃபின்டெக் நிறுவனங்களிலிருந்தும் இது ஸ்லாஷை வேறுபடுத்திக் காட்டுகிறது.
- Inter — மாற்று: Inter (self-hosted via Google Fonts) · வெளிப்புறங்கள் 300, 400, 500, 600, 700 · UI சான்ஸ்—முதன்மை உரை, வழிசெலுத்தல், பொத்தான்கள், லேபிள்கள், இணைப்புகள், படிவப் புலங்கள் மற்றும் துணைத் தலைப்புகள். முதன்மை உரையானது, கவனத்தை ஈர்க்காத இரண்டாம் நிலை உரைக்காக 300 எழுத்துருவைப் பயன்படுத்துகிறது; நடுத்தர அழுத்த உரை மற்றும் பொத்தான் லேபிள்களுக்கு 500 பயன்படுத்தப்படுகிறது; சிறிய பெரிய எழுத்துக்களில் எழுதப்படும் வகை லேபிள்களுக்காக 600 ஒதுக்கப்பட்டுள்ளது. எதிர்மறை எழுத்து இடைவெளி 2 (-3) இலிருந்து குறைந்து, அளவு குறையும்போது மேலும் குறைகிறது, இது இன்டர் எழுத்துருவின் ஒளியியல் அளவீட்டின் ஒரு பொதுவான அம்சமாகும்.
இடைவெளிகள் மற்றும் வடிவம்
| நோக்கம் | பொருள் |
|---|---|
| அடர்த்தி | விசாலமான |
| அடிப்படை படி | 8px |
| பொத்தான் ஆரம் | 9999px |
| அட்டை ஆரம் | 10px |
| நிழல்கள் | நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை |
| பிரிவுகளுக்கு இடையில் | 160px |
| பக்க அகலம் | 1216px |
செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Slash பாணியில் உருவாக்கி, அதை நிரப்பும்.
- Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
- உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
- சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
- தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.
ஒத்த பாணிகள்
- Modal — இருட்டடிக்கப்பட்ட சர்வர் அறையில் உள்ள ஒரு பாஸ்பரசென்ட் முனையம் - அதன் ஒரே ஒளி மூலம் பிரகாசமான பச்சை நிறம்.
- AgentQL — இரவில் முனையத்தின் மீது வட துருவ ஒளி
- GitHub — உயிரிஒளி கட்டுப்பாட்டுப் புள்ளிகளைக் கொண்ட ஒரு விண்வெளிக் கட்டளைப் பலகம் — ஒற்றைப் பச்சை ஒளி முன்னோக்கிய வழியைக் காட்டும் ஓர் இருண்ட, சூழல் நிறைந்த பணிச்சூழல்.
- Doppler — நள்ளிரவில் அந்தப் பெட்டகத்தின் ஊதா நிற ஒளி. ஏறக்குறைய கருமையான அதன் திரை, ஒற்றை லாவெண்டர் சமிக்ஞை மற்றும் ஒரு பச்சை உறுதிப்படுத்தும் ஒளியுடன் பிரகாசிக்கிறது; அதன் ஒவ்வொரு மேற்பரப்பும் பிடிப்பதற்கு ஏற்றவாறு வளைந்திருந்தது.
- Basedash — மங்கலான எழுத்துரு கொண்ட ஒரு நள்ளிரவுத் தரவு முனையம். அளவீடுகள் ஊதா மற்றும் பச்சை நிறங்களில் ஒளிரும், இரைச்சலுக்கு மேலே செரிஃப் தலைப்புச் செய்திகள் மிதக்கும், மற்றும் மென்மையான கருப்புப் பரப்புகள் நிறைந்த ஓர் அறையில் வெள்ளை மாத்திரை வடிவப் பொத்தான்கள் மட்டுமே பிரகாசமான பொருட்களாகத் திகழும் ஓர் இருண்ட வானாய்வகம்.
- Superwhisper — நள்ளிரவுக் கண்ணாடியின் மீது வட துருவ ஒளி கரைகிறது.
- Better Stack — நள்ளிரவு SRE கன்சோல்
- Langbase — நள்ளிரவு வட துருவ ஒளி கன்சோல்
- Astro — நெபுலாவிலிருந்து வரும் ஒற்றை ஊதா நிற ஒளியுடன் ஆழ்விண்வெளி பயணக் கட்டுப்பாட்டு மையம்
- Wayfinder — ஒரு உயிரோட்டமான சித்திரத்தின் மேலே, மிகவும் மெல்லியதாகக் கேட்கும் தலைப்புடன் கூடிய ஒரு கருப்புத் திரைப்படத் திரை. அதன் இடைமுகம், ஒரு கட்டுப்பாட்டுப் பலகமாக இல்லாமல், பிரகாசத்தை சரிசெய்யும் ஒரு ஸ்லைடராக உள்ளது.
- HashiCorp — நள்ளிரவில் ஊதா நியான் விளக்குகளால் ஒளிரும் கட்டுப்பாட்டு அறை, ஒரு இருண்ட தொழில்நுட்பப் பரப்பாகும்; அங்கு ஒளிரும் அறுகோணக் கனசதுரம் மட்டுமே ஒரே வண்ண அடையாளமாகச் செயல்படுகிறது.
- Umbrel — இரவு நேர சர்வர் அறையில் ஒரு இதமான நெருப்புக் குழி—ஒற்றை ஆரஞ்சு நிற ஒளி, உண்மையிலேயே முக்கியமானதை எடுத்துக்காட்டுகின்ற ஓர் இருண்ட அறை.