Authkit

நள்ளிரவில் உறைந்த கண்ணாடி தேவாலயம்

ஆத்கிட் ஒரு இரவு நேர தயாரிப்பு விளக்கக்காட்சி அழகியலை உருவாக்குகிறது: உறைந்த கண்ணாடி மேற்பரப்புகள், மங்கலாகத் தெரியும் கோடுகளின் கட்டம், மற்றும் ஒரு கண்ணாடி அடுக்கால் ஒளிரூட்டப்பட்டதாகத் தோன்றும் ஒளிரும் எழுத்துக்கள் ஆகியவற்றைக் கொண்ட கிட்டத்தட்ட கருமையான திரை. இருண்ட பின்னணியில் எழுத்துரு கிட்டத்தட்ட முழுவதுமாக வெள்ளையாக உள்ளது, ஒரே ஒரு பிரகாசமான ஊதா நிற சிறப்பம்சம் மட்டுமே செயல்பாட்டு அம்சமாக உள்ளது—ஒவ்வொரு ஊடாடும் மேற்பரப்பும் ஒரு திடமான சட்டகத்திற்குப் பதிலாக, குளிர்ச்சியான நீல-வெள்ளை நிறத்தின் மென்மையான, மெல்லிய கோட்டைக் கொண்டுள்ளது. கூறுகள் ஒளிபுகும் அடுக்குகளில், ஒரு சுற்றுப்புற ஒளியின் மீது அடுக்கப்பட்டுள்ளன, மேலும் அட்டைகள் காகிதத் தாள்களைப் போலன்றி, கீழிருந்து ஒளிரூட்டப்பட்ட கண்ணாடித் தட்டுகளாகத் தோன்றுகின்றன. இடைவெளி பெரியதாகவும் சீராகவும் உள்ளது; பாரம்பரிய பிளவுத் திரை அமைப்பிற்குப் பதிலாக, மிதக்கும் கண்ணாடி அட்டைகளால் சூழப்பட்ட, பக்கத்தின் முழு அகலத்தையும் உள்ளடக்கிய ஒற்றை ஒளிரும் சின்னமே முக்கிய அம்சமாக உள்ளது.

மையப்படுத்தப்பட்ட உள்ளடக்கக் கொள்கலனுடன் கூடிய, அதிகபட்சம் 1200px அகலம் கொண்ட, முழு அகலமுள்ள, அடர் நிறத் திரை. முக்கிய உறுப்பு என்பது, ஒரு சிறிய புருவ வடிவ உரைக்குக் கீழே, மையப்படுத்தப்பட்ட, ஒளிரும் ஒற்றைச் சின்னம் ("AuthKit" ஒரு சாய்வு எழுத்துருவில்) ஆகும். அதன் பின்னால்/கீழே, உள்நுழைவுப் படிவத்துடன் கூடிய மூன்று மிதக்கும் கண்ணாடி அட்டைகள் விசிறி போல் விரிந்துள்ளன (இடது அட்டை இடதுபுறம் சாய்ந்தும், மைய அட்டை பெரிதாக்கப்பட்டும், வலது அட்டை வலதுபுறம் சாய்ந்தும் உள்ளது). ஒளி/இருள் தீம் மாற்றி ஒன்று முக்கிய உறுப்பின் கீழே மையப்படுத்தப்பட்டுள்ளது. சிறப்பு வரிசை என்பது, வட்ட வடிவ சின்னங்களுக்கு இடையில் மெல்லிய இணைப்புக் கோடுகளுடன் கூடிய 6 சின்னங்களைக் கொண்ட ஒரு கிடைமட்ட காலவரிசை ஆகும். பிரிவுகளின் அமைப்பு: ஒவ்வொரு பிரிவும், மங்கிச் செல்லும் கிடைமட்டக் கோடுகளால் சூழப்பட்ட, மையப்படுத்தப்பட்ட புருவ வடிவ உரையுடன் தொடங்குகிறது. அதனைத் தொடர்ந்து, ஒரு பெரிய, மையப்படுத்தப்பட்ட தலைப்பு (44-48px), அதனைத் தொடர்ந்து, மங்கலான ஒற்றை வரியில் முக்கிய உரை (16-18px) இடம்பெறுகிறது, இதன் அதிகபட்ச அகலம் ~640px ஆகும். தனிப்பயனாக்கு பகுதி, ஒரு வடிவமைப்பு கருவிகள் பணிச்சூழலைப் போல, கேன்வாஸின் மூலைகளில் நிலைநிறுத்தப்பட்ட மிதக்கும் UI இன்ஸ்பெக்டர் பேனல்களால் (வண்ணத் தட்டுகள், ஆரம் ஸ்லைடர்கள், லோகோ ஐகான் தேர்வி, பொத்தான் உரை புலம், பக்க பின்னணி புலம்) சூழப்பட்ட, மையத்தில் அமைந்துள்ள உள்நுழைவு அட்டையுடன் கூடிய உலாவி சாளரத்தின் ஒரு மாதிரி வடிவத்தைக் காட்டுகிறது.

காட்சி வடிவமைப்பில், "கண்ணாடி உருவவியல்" பாணியில் உருவாக்கப்பட்ட உள்நுழைவுப் படிவங்களின் மாதிரிகளே (மின்னஞ்சல்/கடவுச்சொல் உள்ளீட்டுப் புலங்கள், சமூக ஊடக உள்நுழைவுப் பொத்தான்கள், கடவுச்சொல் இல்லாத குறியீடு உள்ளீடு) ஆதிக்கம் செலுத்துகின்றன. இவை, நள்ளிரவுப் பின்னணியில் மிதக்கும், ஒளிபுகும் அட்டைகளாகக் காட்டப்பட்டுள்ளன. சிறப்புச் சின்னங்கள், வட்டமான, மங்கலான ஓடுகளுக்குள் #d1e4fa வண்ணத்தில் உள்ள ஒற்றை வண்ண நேர்கோட்டுக் குறியீடுகளாக உள்ளன. ஒரு நுட்பமான கட்டம் (rgba(186,215,247,0.06) வண்ணத்தில் 1px கோடுகள்) பக்கம் முழுவதும் பரவி, ஒரு சூழலை உருவாக்குகிறது. அதே சமயம், பிரதான கூறின் மேற்பகுதியில் கூம்பு வடிவ சாய்வு ஒளிவிளக்கு ஒன்று பளபளக்கிறது. புகைப்படங்கள் இல்லை, வாழ்க்கைமுறைப் படங்கள் இல்லை, தயாரிப்புத் திரைப்பிடிப்புகள் இல்லை—தயாரிப்பே காட்சிக்கூறாக உள்ளது: ஒரு இருண்ட ஸ்டுடியோவில் கண்ணாடி முன்மாதிரிகளைப் போல அமைக்கப்பட்ட உள்நுழைவுப் புலங்கள்.

இருள்தூய சாஸ்மென்மையான சரிவுகள்

https://authkit.com

வண்ணத் தட்டு

பிராண்ட்

Void Violet #663af3 — உள்நுழைவுப் படிவங்களில் உள்ள "தொடரவும்/சமர்ப்பிக்கவும்" பொத்தானுக்குப் பிரத்தியேகமாகப் பயன்படுத்தப்படும் ஒரே துணை நிறம், செயலுக்கு அழைக்கும் (CTA) பொத்தானின் முதன்மை நிறமாகும்; கிட்டத்தட்ட கருப்பு நிறப் பின்னணியில் உள்ள இந்தத் துடிப்பான ஊதா நிறம், ஒற்றை வண்ணத் திட்டத்தைச் சீர்குலைக்காமல் ஒரு அவசர உணர்வை உருவாக்குகிறது.

நடுநிலை

Midnight Canvas #05060f — பக்கத்தின் பின்னணி, அட்டையின் மிக ஆழமான மேற்பரப்பு, பேட்ஜின் உட்பூச்சு—மற்ற அனைத்தும் மிதக்கும் ஒரு கிட்டத்தட்ட கருப்பு நிற அடித்தளம்.
Steel Plate #2f343e — உயர்த்தப்பட்ட மேற்பரப்பு, மறைவான/துணைச் செயல்பாட்டுப் பொத்தான்கள், கண்ணுக்குத் தெரியாத பேனல் பின்புலம்.
Fog Veil #9da7ba — அட்டையில் உள்ள முக்கிய உரை படிக்கக்கூடியதாக இருந்தாலும், தலைப்புகளுடன் ஒப்பிடும்போது அது பின்னணிக்குத் தள்ளப்பட்டுள்ளது.
Moon Mist #c7d3ea — முதன்மை உரை, கூடுதல் குறிச்சொற்கள், ஒலியடக்கப்பட்டுள்ள துணை உரை
Frost Glow #d1e4fa — உரைப்பகுதி மற்றும் இணைப்பு உரை, சின்ன உரை மற்றும் சின்னத்தின் நிரப்பு நிறம் ஆகியவற்றிற்கான முதன்மை நிரப்பு நிறம், இயல்புநிலையாக ஒளிரும் முன்புற நிறமாகும்.
Ice Highlight #d8ecf8 — அடர் பரப்புகளில் வெளிர் நிற எழுத்துக்கள், தலைகீழான லேபிள்கள் மற்றும் அதிக மாறுபாடு கொண்ட தலைப்புகள். செயலழைப்புகளுக்கு இதை முதன்மை நிறமாகப் பயன்படுத்த வேண்டாம்; ஆத்கிட் லோகோ மற்றும் முக்கியத் தலைப்புகளில், மேலிருந்து கீழாக வெளிர் நீலத்திலிருந்து மென்மையான நீலத்திற்கு மாறும் ஒரு தலைப்பு வண்ணச்சாய்வு பயன்படுத்தப்படுகிறது.

அச்சுக்கலை

12 முதல் 48px வரை · 8 படிகள்

Untitled Sans — மாற்று: Inter · வெளிப்புறங்கள் 400, 500, 600, 700 · முதன்மை உரை, பயனர் இடைமுகம், பொத்தான்கள், உள்ளீட்டுப் புலங்கள், சின்னங்கள், சிறு தலைப்புகள் - செயல்பாட்டு ரீதியான அனைத்திற்கும் ஏற்ற ஒரு பொதுவான எழுத்துரு.
aeonikPro — மாற்று: Space Grotesk · வெளிப்புறங்கள் 400, 500 · AuthKit பிராண்டிங், பகுதித் தலைப்புகள் மற்றும் முக்கிய உரை போன்ற தலைப்புகளை மட்டும் காண்பிக்கும்போது, 44-48px அளவில் உள்ள 500-புள்ளி எழுத்துரு எடையானது, அந்த பிராண்டிங்கிற்கு ஒரு பகட்டான சிறப்பம்சத்திற்குப் பதிலாக, அகலமான, அடக்கமான தோற்றத்தை அளிக்கிறது.
dotDigital — மாற்று: JetBrains Mono · வெளிப்புறங்கள் 400 · முழுவதும் பெரிய எழுத்துக்களில் உள்ள உரை ("அறிமுகம்," "விரிவாக்கக்கூடிய வடிவமைப்பு," "பிரகாசமாக ஜொலிக்கவும்") - 0.10em இடைவெளியுடன் கூடிய, ஒரே சீரான இடைவெளியில் அமைந்த முழுவதும் பெரிய எழுத்துக்கள், முக்கிய உரைக்கும் தலைப்புக்கும் இடையில் நுட்பமான பிரிப்பான்களாகச் செயல்படுகின்றன.

இடைவெளிகள் மற்றும் வடிவம்

நோக்கம்	பொருள்
அடர்த்தி	விசாலமான
அடிப்படை படி	16px
பொத்தான் ஆரம்	999px
அட்டை ஆரம்	16px
நிழல்கள்	நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை
பிரிவுகளுக்கு இடையில்	120px
பக்க அகலம்	1200px

செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Authkit பாணியில் உருவாக்கி, அதை நிரப்பும்.

Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.

இந்த பாணியில் ஒரு வலைத்தளத்தை உருவாக்கவும்

ஒத்த பாணிகள்

Resend — ஊதா நியான் நிறத்துடன் கூடிய கருப்பு வெல்வெட்
Gsap — ஒரு வடிவமைப்பு ஸ்டுடியோவில் உள்ள அசைவூட்டப்பட்ட வெண்பலகை. கிட்டத்தட்ட கருப்பு நிறச் சுவர், இதமான கிரீம் நிறச் சுண்ணக்கட்டி, மற்றும் ஐந்து வண்ண மார்க்கர்கள்—ஒவ்வொரு அசைவூட்டத் துறைக்கும் ஒன்று.
Slash — தங்க முலாம் பூசப்பட்ட கணக்குப் பதிவேடுகளுடன் கூடிய நள்ளிரவுப் பெட்டகம்
Raycast — நள்ளிரவு கட்டளை மையம், கோரல் நியான்
Dimension — மங்கலான வெளிச்சம் கொண்ட, உறைந்த கண்ணாடித் தகடுகளுடன் கூடிய ஒரு பணித்தளம்
Modal — இருட்டடிக்கப்பட்ட சர்வர் அறையில் உள்ள ஒரு பாஸ்பரசென்ட் முனையம் - அதன் ஒரே ஒளி மூலம் பிரகாசமான பச்சை நிறம்.
Reflect Notes — விண்மீன் நிறைந்த ஊதா வெளி என்பது, கிட்டத்தட்ட கருநீல வெறுமையின் பின்னணியில் விண்மீன் கூட்டங்களைப் போல இசைக்குறிப்புகள் மிதக்கும் ஒரு இருண்ட வானாய்வகம் ஆகும்.
LaunchDarkly — நியான் கட்டுப்பாட்டு அறை என்பது, கரிய நிறத் தகடுகளின் வழியே ஊதா நிற விளக்குகள் மின்னும் ஒரு இருண்ட விமானி அறை ஆகும்.
Ameba — நள்ளிரவில் கட்டுப்பாட்டு அறை – உறைந்த கண்ணாடித் தகடுகளுக்குள் ஒரு மின்னல் நீலத் துடிப்பு.
AgentQL — இரவில் முனையத்தின் மீது வட துருவ ஒளி
Neon — இருட்டிய பிறகு ஒரு சர்வர் அறை. முழுமையான இருள், அங்கு தரவுகளிலிருந்தும் பயனர் செயல்பாடுகளிலிருந்தும் மட்டுமே ஒளி வருகிறது.
N8n — நள்ளிரவில் பணிப்பாய்வு இயந்திரம் – நிலை குறிகாட்டிகள் மற்றும் தரவுப் பாய்ச்சல்களால் ஒளிரூட்டப்பட்ட, ஒரு இருண்ட சேவையக அறையில் உள்ள நிகழ்நேரத் தன்னியக்கத் தளத்தின் உணர்வு.