Authkit

ICathedral yeGlasi eFrosted eMidnight

I-AuthKit yenza umboniso wemveliso ebusuku: i-canvas emnyama kakhulu enemiphezulu yeglasi eqandisiweyo, igridi yemigca engabonakaliyo, kunye nombhalo okhanyayo obonakala ukhanyiswa lulwahlu lweglasi. Uhlobo lwefonti lumhlophe phantse ngokupheleleyo xa luthelekiswa nemvelaphi emnyama, kunye ne-accent enye ekhanyayo emfusa njengeyona nto isebenzayo kuphela—umphezulu ngamnye osebenzisanayo unomgca othambileyo, obhityileyo weblue-white opholileyo endaweni yesakhelo esiqinileyo. Izinto zicwangciswe kwiileya ezikhanyayo, zibekwe phezu kokukhanya okujikelezayo, kwaye amakhadi avela njengeepleyiti zeglasi ezikhanyisiweyo ukusuka ngaphantsi, endaweni yeephaneli zephepha. Isithuba sikhulu kwaye sinesingqisho; into ephambili yilogo enye ekhanyisiweyo egubungela ububanzi bephepha lonke, ijikelezwe ngamakhadi eglasi antantayo, endaweni yoyilo lwesikrini esiqhekekileyo sendabuko.

I-canvas ebanzi, emnyama enesiqulatho esiphakathi, ububanzi obuphezulu buyi-1200px. Into ephambili yilogo enye, ephakathi, ekhanyisiweyo ("AuthKit" kwifonti ye-gradient) phantsi kombhalo omncinci omile okweeshiya, ngasemva/ngaphantsi kwawo kukho amakhadi amathathu eglasi antantayo anefeni yokungena ngaphandle (ikhadi lasekhohlo lithambekele ekhohlo, ikhadi eliphakathi liphezulu, ikhadi lasekunene lithambekele ekunene). I-toggle yomxholo okhanyayo/omnyama iphakathi ngaphantsi kwento ephambili. Umqolo weempawu ngumgca wexesha othe tye wee-icon ezi-6 ezinemigca emincinci yokudibanisa phakathi kwee-icon ezijikelezayo. I-rhythm yecandelo: icandelo ngalinye liqala ngombhalo omile okweeshiya ophakathi oqulunqwe yimigca ethe tyaba enyamalalayo, ilandelwa sisihloko esikhulu, esiphakathi (44-48px), ilandelwa ngumgca omnye wekopi yomzimba ethule (16-18px), ububanzi obuphezulu ~640px. Icandelo le-Custom libonisa umfanekiso wefestile yesikhangeli esinekhadi lokungena eliphakathi elijikelezwe ziiphaneli zomhloli we-UI ezintantayo (iipalethi zemibala, izilayidi zeradiyumu, isikhethi se-icon yelogo, intsimi yombhalo weqhosha, intsimi yangasemva yephepha) ebekwe kwiikona ze-canvas, njengendawo yokusebenza yezixhobo zoyilo.

Uyilo olubonakalayo lulawulwa ziimodeli zefomu yokungena, ezenziwe ngendlela "yeglasi" (iintsimi zokufaka i-imeyile/iphasiwedi, amaqhosha okungena kwimidiya yoluntu, ukungena kwekhowudi engenagama eligqithisiweyo), ezivezwa njengamakhadi athambileyo, akhanyayo ngokuchasene ne-canvas yasebusuku. Iimpawu zeempawu zii-glyphs ezi-monochrome ezithe nkqo kwi-#d1e4fa ngaphakathi kweethayile ezijikelezileyo, ezi-matte. Igridi ethambileyo (imigca eyi-1px kwi-rgba(186,215,247,0.06)) igubungela iphepha lonke, idala umoya, ngelixa ukukhanya kwe-gradient ekhonkrithi kukhazimla phezulu kwento ephambili. Akukho zithombe, akukho mifanekiso yendlela yokuphila, akukho zithombe-skrini zemveliso—imveliso ngokwayo yinto ebonakalayo: iintsimi zokungena zicwangciswe njengeemodeli zeglasi kwisitudiyo esimnyama.

Mnyama I-SaaS ecocekileyo Iigradients ezithambileyo

https://authkit.com

Iphalethi

Uphawu

Void Violet #663af3 — Umbala oyintloko weqhosha lokubiza isenzo (i-CTA) ngumbala wodwa ogxininisiweyo osetyenziselwa kuphela iqhosha elithi "Qhubeka/Thumela" kwiifom zokungena; umbala omfusa oqaqambileyo ochasene nemvelaphi emnyama udala uluvo lokungxamiseka ngaphandle kokuphazamisa isicwangciso sombala we-monochromatic.

Ukungathathi cala

Midnight Canvas #05060f — Imvelaphi yephepha, umphezulu onzulu wekhadi, ukuzaliswa kwebheji—isiseko esiphantse sibe mnyama apho yonke enye into idada khona.
Steel Plate #2f343e — Umphezulu ophakanyisiweyo, amaqhosha esenzo sephantom/sesibini, umva wephaneli ofihlakeleyo.
Fog Veil #9da7ba — Umbhalo oyintloko, umbhalo osekhadini, uyafundeka, kodwa ubekwe ngasemva xa uthelekiswa nezihloko.
Moon Mist #c7d3ea — Isicatshulwa esiphambili, iilebhile ezongezelelweyo, isicatshulwa esincedisayo esithuliweyo
Frost Glow #d1e4fa — Umbala oyintloko wokugcwalisa umzimba kunye nombhalo wekhonkco, umbhalo we icon, kunye nokugcwalisa i icon yindlela ekhanyayo engaphambili.
Ice Highlight #d8ecf8 — Umbhalo okhanyayo kwiindawo ezimnyama, iilebhile eziguqulweyo, kunye neentloko ezibonisa umahluko omkhulu. Musa ukuwusebenzisa njengombala ophambili weefowuni eziya kwisenzo; i-gradient yentloko—utshintsho olugudileyo ukusuka kuluhlaza okwesibhakabhaka olukhanyayo ukuya kuluhlaza okwesibhakabhaka oluthambileyo ukusuka phezulu ukuya ezantsi—isetyenziswa kwilogo ye-AuthKit kunye neentloko eziphambili.

Ubhalo lweencwadi

ukusuka kwi-12 ukuya kwi-48px · amanyathelo asibhozo

Untitled Sans — ukutshintshwa: Inter · imida 400, 500, 600, 700 · Umbhalo oyintloko, ujongano lomsebenzisi, amaqhosha, amasimi okufaka, ii-icon, izihloko ezincinci - ifonti eqhelekileyo yayo yonke into esebenzayo.
aeonikPro — ukutshintshwa: Space Grotesk · imida 400, 500 · Ukubonisa izihloko kuphela—uphawu lwe-AuthKit, izihloko zecandelo, kunye nombhalo womzimba—ubunzima befonti obungamanqaku angama-500 kwi-44-48px bunika uphawu olubanzi, olungabonakaliyo endaweni yokugqamisa okuqaqambileyo.
dotDigital — ukutshintshwa: JetBrains Mono · imida 400 · Umbhalo we-All-caps ("Ukwazisa," "Uyilo Olunwebekayo," "Khazimla Kakhulu") - umbhalo we-all-caps onesithuba esinye kunye nesithuba se-0.10em usebenza njengezahluli ezincinci phakathi kombhalo womzimba kunye nesihloko.

Amaxesha okuphumla kunye nefom

Injongo	Intsingiselo
Uxinano	banzi
Inyathelo elisisiseko	16px
Irediyasi yeqhosha	999px
Irediyasi yekhadi	16px
Izithunzi	akukho - imida endaweni yezithunzi
Phakathi kwamacandelo	120px
Ububanzi bephepha	1200px

I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Authkit ize iyizalise

Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.

Yenza iwebhusayithi ngolu hlobo

Iintlobo ezifanayo

Resend — ivelvet emnyama enombala we-neon omfusa
Gsap — Ibhodi emhlophe enemifanekiso eshukumayo kwisitudiyo soyilo. Udonga oluphantse lube mnyama, itshokhwe efudumeleyo yekhrimu, kunye neemaki ezinemibala emihlanu—enye yecandelo ngalinye lemifanekiso eshukumayo.
Slash — Igumbi lokulala eliphakathi kobusuku elineencwadi zegolide
Raycast — IZiko loLawulo lwasebusuku, iCoral Neon
Dimension — indawo yokusebenza ekhanyiswe lilanga eneephaneli zeglasi ezifakwe iqhwa
Modal — Isiphelo se-phosphorescent kwigumbi leseva elimnyama - umthombo wokukhanya kuphela ngumbala oluhlaza oqaqambileyo
Reflect Notes — Indawo eneenkwenkwezi eziluhlaza okwesibhakabhaka yindawo yokubuka emnyama apho amanqaku ahamba khona njengeenkwenkwezi ngasemva kobumnyama obungenanto ye-indigo.
LaunchDarkly — Igumbi lokulawula i-neon ligumbi lokubeka izibane elimnyama apho imiqondiso emfusa idlula kwiiphaneli ezimnyama.
Ameba — Igumbi lolawulo ezinzulwini zobusuku – ukubetha kombane oluhlaza okwesibhakabhaka ngaphakathi kwiiphaneli zeglasi eziqandisiweyo
AgentQL — Izibane zaseMantla phezu kwesiphelo ebusuku
Neon — Igumbi leseva emva kobumnyama. Ubumnyama obucocekileyo, apho ukukhanya kuphela kuvela kwidatha kunye nokusebenzisana kwabasebenzisi.
N8n — Injini Yokuhamba Komsebenzi eMidnight – imvakalelo yecanvas ye-automation yexesha langempela kwigumbi leseva emnyama, ekhanyiswa zizalathisi zesimo kunye nemijelo yedatha