Authkit
Isonto Lengilazi Eliqandisiwe eMidnight
I-AuthKit idala ukwakheka komkhiqizo ebusuku: indwangu emnyama kakhulu enezingqimba zengilazi ezifakwe iqhwa, igridi yemigqa engabonakali kahle, kanye nombhalo okhazimulayo obonakala ukhanyiswa ungqimba lwengilazi. Uhlobo lokubhala lumhlophe cishe ngokuphelele ngemuva kwesizinda esimnyama, olune-accent eyodwa ekhanyayo ephuzi njengesici esisebenzayo kuphela—indawo ngayinye esebenzisana nayo inomugqa othambile, omncane opholile oluhlaza okwesibhakabhaka-omhlophe kunokuba uhlaka oluqinile. Izingxenye zihlelwe ezingqimbeni ezikhanyayo, zibekwe phezu kokukhanya okuzungezile, futhi amakhadi avela njengamapuleti engilazi akhanyiswe kusukela ngaphansi, kunokuba kube ngamaphaneli ephepha. Isikhala sikhulu futhi sinesigqi; isici esiyinhloko ilogo eyodwa ekhanyisiwe ehlanganisa ububanzi bonke bekhasi, izungezwe amakhadi engilazi antantayo, kunokuba kube ukwakheka kwesikrini esihlukanisiwe sendabuko.
Ikhanvasi eligcwele ububanzi, elimnyama elinesitsha sokuqukethwe esimaphakathi, ububanzi obungu-1200px. Isici esiyinhloko ilogo eyodwa, emaphakathi, ekhanyisiwe ("AuthKit" kufonti ye-gradient) ngaphansi kombhalo omncane omise okwe-eyebrow, ngemuva/ngaphansi kwawo kukhona amakhadi amathathu engilazi antantayo ane-fan yefomu lokungena ngaphandle (ikhadi lesobunxele lithambekele kwesobunxele, ikhadi eliphakathi likhulisiwe, ikhadi lesokudla lithambekele kwesokudla). I-toggle yetimu ekhanyayo/emnyama iphakathi nendawo ngaphansi kwesici esiyinhloko. Umugqa wesici uwumugqa wesikhathi ovundlile wezithonjana eziyi-6 ezinemigqa emincane exhumanisayo phakathi kwezithonjana eziyindilinga. Isigqi sesigaba: isigaba ngasinye siqala ngombhalo omise okwe-eyebrow omaphakathi ohlotshiswe yimigqa evundlile enyamalalayo, kulandelwe isihloko esikhulu, esimaphakathi (44-48px), kulandelwe umugqa owodwa wekhophi yomzimba ethulisiwe (16-18px), ububanzi obuphezulu ~640px. Isigaba se-Custom sibonisa isibonelo sewindi lesiphequluli elinekhadi lokungena elimaphakathi elizungezwe amaphaneli abahloli be-UI antantayo (ama-palette emibala, ama-slider e-radius, isikhethi sesithonjana selogo, insimu yombhalo wenkinobho, insimu yangemuva lekhasi) ebekwe emakhoneni ekhanvasi, njengendawo yokusebenza yamathuluzi okuklama.
Umklamo obonakalayo ubuswa yizithombe zokungena ngemvume, ezenziwe ngesitayela "se-glass morphology" (izinkambu zokufaka i-imeyili/iphasiwedi, izinkinobho zokungena ezinkundleni zokuxhumana, ukufakwa kwekhodi okungenaphasiwedi), ezethulwa njengamakhadi antantayo, akhanyayo ngokumelene ne-canvas yaphakathi kwamabili. Izithonjana zesici ziyi-glyphs eqondile enombala okhanyayo ku-#d1e4fa ngaphakathi kwamathayela ayindilinga, acwebezelayo. Igridi ethambile (imigqa eyi-1px ku-rgba(186,215,247,0.06)) imboza lonke ikhasi, idala isimo, kuyilapho ukukhanya kwe-gradient okuyindilinga kukhanya phezulu kwento eyinhloko. Azikho izithombe, azikho izithombe zendlela yokuphila, azikho izithombe-skrini zomkhiqizo—umkhiqizo ngokwawo uyisici esibonakalayo: izinkambu zokungena ezihlelwe njengezibonelo zeglasi esitudiyo esimnyama.
Iphalethi
Umkhiqizo
- Void Violet
#663af3— Umbala oyinhloko wenkinobho yokubiza isenzo (i-CTA) uwukuphela kombala wokugcizelela osetshenziswa kuphela inkinobho ethi "Qhubeka/Thumela" ngaphakathi kwamafomu okungena ngemvume; umbala onsomi ogqamile obhekene nesizinda esicishe sibe mnyama udala umuzwa wokuphuthuma ngaphandle kokuphazamisa uhlelo lombala olunombala owodwa.
Okungathathi hlangothi
- Midnight Canvas
#05060f— Ingemuva lekhasi, ubuso obujulile bekhadi, ukugcwaliswa kwebheji—isisekelo esicishe sibe mnyama lapho konke okunye kuntanta khona. - Steel Plate
#2f343e— Indawo ephakanyisiwe, izinkinobho zesenzo se-phantom/sesibili, iphaneli engemuva engabonakali. - Fog Veil
#9da7ba— Umbhalo oyinhloko, umbhalo osekhadini, uyafundeka, kodwa wehliswa ngemuva uma uqhathaniswa nezihloko. - Moon Mist
#c7d3ea— Umbhalo oyinhloko, amalebula engeziwe, umbhalo osizayo othulisiwe - Frost Glow
#d1e4fa— Umbala oyinhloko wokugcwalisa wombhalo womzimba nowesixhumanisi, umbhalo wesithonjana, kanye nokugcwalisa isithonjana yingaphambili elikhanyayo ngokuzenzakalelayo. - Ice Highlight
#d8ecf8— Umbhalo okhanyayo ezindaweni ezimnyama, amalebula aguquliwe, kanye nezihloko ezigqamile. Ungawusebenzisi njengombala oyinhloko wokubiza isenzo; i-gradient yesihloko—ushintsho olubushelelezi oluvela kokuluhlaza okwesibhakabhaka olukhanyayo luye kokuluhlaza okwesibhakabhaka oluthambile oluvela phezulu kuya phansi—lusetshenziswa kulogo ye-AuthKit kanye nezihloko eziyinhloko.
Ukuthayipha
kusukela ku-12 kuya ku-48px · izinyathelo ezingu-8
- Untitled Sans — esikhundleni: Inter · izinhlaka 400, 500, 600, 700 · Umbhalo oyinhloko, isikhombimsebenzisi somsebenzisi, izinkinobho, amasimu okufaka, izithonjana, izihloko ezincane - ifonti ebanzi yayo yonke into esebenzayo.
- aeonikPro — esikhundleni: Space Grotesk · izinhlaka 400, 500 · Ukubonisa izihloko kuphela—uphawu lwe-AuthKit, izihloko zezigaba, kanye nombhalo womzimba—isisindo sefonti esingamaphuzu angu-500 ku-44-48px kunikeza uphawu ukubukeka okubanzi, okungachazwanga kahle kunokuba kube yindlela ekhangayo.
- dotDigital — esikhundleni: JetBrains Mono · izinhlaka 400 · Umbhalo wezinhlamvu eziyinhloko ("Ukwethula," "Umklamo Onwebekayo," "Shine Bright") - umbhalo wezinhlamvu eziyinhloko onesikhala esingu-0.10em usebenza njengezihlukanisi ezicashile phakathi kombhalo womzimba nesihloko.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | ivulekile |
| Isinyathelo esiyisisekelo | 16px |
| Irediyasi yenkinobho | 999px |
| Irediyasi yekhadi | 16px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 120px |
| Ububanzi bekhasi | 1200px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Authkit futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- Resend — i-velvet emnyama enombala onsomi we-neon
- Gsap — Ibhodi elimhlophe eligqwayizayo esitudiyo sokuklama. Udonga olucishe lube mnyama, ishoki efudumele ekhilimu, kanye nezimpawu ezinemibala emihlanu—eyodwa emkhakheni ngamunye wokwenza izithombe.
- Slash — Indlu yokugcina impahla yaphakathi kwamabili enezincwadi zegolide
- Raycast — Isikhungo Somyalo Sasebusuku, iCoral Neon
- Dimension — indawo yokusebenza ekhanyiswe ubusuku bonke enamaphaneli engilazi aqandisiwe
- Modal — Itheminali ye-phosphorescent egumbini leseva elimnyama - umthombo wokukhanya okuwukuphela kwawo umbala oluhlaza okotshani okhanyayo
- Reflect Notes — Isikhala esiluhlaza okwesibhakabhaka esinezinkanyezi siyindawo yokubuka emnyama lapho amanothi entanta khona njengezinkanyezi ngokumelene nesizinda sendawo engenalutho emnyama ye-indigo.
- LaunchDarkly — Igumbi lokulawula i-neon liyindawo yokulala emnyama lapho izimpawu ezinsomi zidlula khona kumaphaneli amnyama.
- Ameba — Igumbi lokulawula phakathi kwamabili – umsindo oluhlaza okwesibhakabhaka osebenza ngogesi ngaphakathi kwamaphaneli engilazi aqandisiwe
- AgentQL — Izibani zaseNyakatho phezu kwetheminali ebusuku
- Neon — Igumbi leseva ngemva kobumnyama. Ubumnyama obumsulwa, lapho ukukhanya kuphela kuvela khona kudatha kanye nokusebenzisana komsebenzisi.
- N8n — Injini Yokuhamba Komsebenzi eMidnight – umuzwa wekhanvasi yokuzenzakalela yesikhathi sangempela egumbini leseva elimnyama, likhanyiswa izinkomba zesimo kanye nokusakazwa kwedatha