Authkit
Tchalitchi cha Galasi Chozizira ku Midnight
AuthKit imapanga mawonekedwe okongola a zinthu usiku: nsalu yakuda kwambiri yokhala ndi magalasi oundana, mzere wa mizere yosaoneka bwino, ndi mawu owala omwe amaoneka owala ndi galasi. Mawonekedwe a zilembo ndi oyera kwambiri motsutsana ndi maziko amdima, ndi mtundu umodzi wofiirira wowala ngati chinthu chokhacho chogwira ntchito—malo aliwonse olumikizana ali ndi mzere wofewa, woonda wa buluu-woyera wozizira osati chimango cholimba. Zigawo zimayikidwa pazigawo zowala, zoyikidwa pamwamba pa kuwala kozungulira, ndipo makadi amawoneka ngati mbale zagalasi zowunikira kuchokera pansi, osati mapepala. Malo ndi akulu komanso ozungulira; chinthu chachikulu ndi chizindikiro chimodzi chowunikira chomwe chimaphimba m'lifupi lonse la tsamba, chozunguliridwa ndi makadi agalasi oyandama, osati mawonekedwe achikhalidwe ogawa pazenera.
Kanema wakuda wokwanira, wokhala ndi chidebe chokhala ndi zinthu zozungulira, mulifupi mwake mulifupi ndi 1200px. Chinthu chachikulu ndi chizindikiro chimodzi, chokhazikika, chowala ("AuthKit" mu gradient font) pansi pa mawu ang'onoang'ono ooneka ngati nsidze, kumbuyo kwake/pansi pake pali makadi atatu agalasi oyandama okhala ndi fan yolowera (khadi lamanzere lopendekeka kumanzere, khadi lapakati lokwezedwa, khadi lamanja lopendekeka kumanja). Kusintha kwa mutu wowala/wamdima kuli pakati pa chinthu chachikulu. Mzere wazinthu ndi nthawi yopingasa ya zizindikiro 6 zokhala ndi mizere yopyapyala yolumikizana pakati pa zizindikiro zozungulira. Kayendedwe ka gawo: gawo lililonse limayamba ndi mawu ooneka ngati nsidze ozungulira okhala ndi mizere yopingasa yozimiririka, kutsatiridwa ndi mutu waukulu, wozungulira (44-48px), kutsatiridwa ndi mzere umodzi wa kopi ya thupi losamveka (16-18px), mulifupi mwake mulifupi ~640px. Gawo la Sinthani likuwonetsa chithunzi cha zenera la msakatuli wokhala ndi khadi lolowera lomwe lili pakati lozunguliridwa ndi mapanelo oyendera a UI oyandama (ma palette amitundu, ma radius sliders, chizindikiro chosankha chizindikiro, malo olembera mabatani, malo oyambira patsamba) omwe ali pamakona a kanema, ngati malo ogwirira ntchito opangira zida.
Kapangidwe ka zithunzi kamayang'aniridwa ndi ma mockup a mawonekedwe olowera, opangidwa mu kalembedwe ka "galasi" (magawo olowera maimelo/achinsinsi, mabatani olowera pa malo ochezera a pa Intaneti, kulowa popanda mawu achinsinsi), owonetsedwa ngati makadi oyandama, owala motsutsana ndi canvas yapakati pausiku. Zizindikiro zapadera ndi ma glyphs a monochrome linear mu #d1e4fa mkati mwa matailosi ozungulira, osawoneka bwino. Gridi yocheperako (mizere 1px mu rgba (186,215,247,0.06)) imaphimba tsamba lonse, ndikupanga mlengalenga, pomwe kuwala kowala kozungulira kumawala pamwamba pa chinthu chachikulu. Palibe zithunzi, palibe zithunzi za moyo, palibe zithunzi za malonda—chogulitsacho chokha ndicho chinthu chowoneka: minda yolowera yokonzedwa ngati zitsanzo zagalasi mu studio yamdima.
Paleti
Mtundu
- Void Violet
#663af3— Mtundu woyamba wa batani loti muyitanitse (CTA) ndi mtundu wokhawo womwe umagwiritsidwa ntchito pa batani la "Pitirizani/Tumizani" mkati mwa mafomu olowera; utoto wofiirira wowala womwe uli pafupi ndi maziko akuda umapangitsa kuti pakhale kufunikira kwachangu popanda kusokoneza mtundu wa monochromatic.
Osalowerera
- Midnight Canvas
#05060f— Chiyambi cha tsamba, pamwamba pa khadi, kudzazidwa kwa baji—maziko akuda omwe zinthu zina zonse zimayandamapo. - Steel Plate
#2f343e— Malo okwezeka, mabatani a phantom/achiwiri, kumbuyo kwa panel komwe sikuli bwino. - Fog Veil
#9da7ba— Mawu akuluakulu, omwe ali pa khadi, ndi osavuta kuwerenga, koma amalembedwa kumbuyo poyerekeza ndi mitu yankhani. - Moon Mist
#c7d3ea— Malemba akuluakulu, zilembo zina, malemba othandizira osamveka bwino - Frost Glow
#d1e4fa— Mtundu waukulu wa kudzaza kwa thupi ndi mawu olumikizirana, mawu a chizindikiro, ndi kudzaza kwa chizindikiro ndi mawonekedwe owonekera bwino. - Ice Highlight
#d8ecf8— Mawu owala pamalo amdima, zilembo zopindika, ndi mitu yankhani yosiyana kwambiri. Musagwiritse ntchito ngati mtundu waukulu woti muyitanitse kuchitapo kanthu; mawonekedwe a mutu—kusintha kosalala kuchokera ku buluu wopepuka kupita ku buluu wofewa kuchokera pamwamba kupita pansi—amagwiritsidwa ntchito mu logo ya AuthKit ndi mitu yankhani yofunika kwambiri.
Kulemba zilembo
kuyambira 12 mpaka 48px · masitepe 8
- Untitled Sans — cholowa m'malo: Inter · mndandanda 400, 500, 600, 700 · Malemba akuluakulu, mawonekedwe a ogwiritsa ntchito, mabatani, minda yolowera, zizindikiro, mitu yaying'ono - zilembo zonse zomwe zimagwira ntchito.
- aeonikPro — cholowa m'malo: Space Grotesk · mndandanda 400, 500 · Kuwonetsa mitu yokha—chilembo cha AuthKit, mitu ya magawo, ndi mawu a thupi—kulemera kwa zilembo 500 pa 44-48px kumapangitsa kuti chilembocho chiwoneke bwino kwambiri m'malo mooneka ngati chokongola.
- dotDigital — cholowa m'malo: JetBrains Mono · mndandanda 400 · Malemba okhala ndi zilembo zazikulu zonse ("Kuyambitsa," "Kukulitsa Kapangidwe," "Kuwala Bwino") - malemba okhala ndi zilembo zazikulu zonse okhala ndi malo okwana 0.10em amagwira ntchito ngati njira yolekanitsira pakati pa mawu ndi mutu.
Zosintha ndi mawonekedwe
| Cholinga | Tanthauzo |
|---|---|
| Kuchulukana | lalikulu |
| Gawo loyambira | 16px |
| Utali wa batani | 999px |
| Utali wa khadi | 16px |
| Mithunzi | ayi - malire m'malo mwa mithunzi |
| Pakati pa magawo | 120px |
| Kukula kwa tsamba | 1200px |
AI idzamanga tsamba lanu lawebusayiti mu kalembedwe ka Authkit ndikulidzaza
- Dzazani ndi zinthu ndi zolemba kudzera pa ulalo - Instagram, TikTok, Facebook.
- Tumizani zinthu kuchokera patsamba lanu lakale—ingotchulani adilesi.
- Kapangidwe kamakono pa injini yabwino kwambiri: React ( Next.js) yokhala ndi mawonekedwe a seva ndi kukonza SEO koyambirira.
- Kukonza bwino SEO yanu yokha kuti mupeze zotsatira zakusaka ndi malingaliro a netiweki ya neural.
Masitaelo ofanana
- Resend — velvet wakuda wokhala ndi mtundu wofiirira wa neon
- Gsap — Bolodi loyera la zojambula mu studio yojambulira. Khoma lakuda pafupifupi, choko chofunda cha kirimu, ndi zizindikiro zisanu zamitundu—chimodzi pa gawo lililonse la zojambula.
- Slash — Chipinda chosungiramo zinthu chapakati pausiku chokhala ndi mabuku olembedwa ndi golide
- Raycast — Malo Olamulira Pakati pa Usiku, Coral Neon
- Dimension — malo ogwirira ntchito omwe amawala ndi madzulo okhala ndi magalasi oundana
- Modal — Cholumikizira cha phosphorescent m'chipinda cha seva chamdima - gwero lokhalo la kuwala ndi mtundu wobiriwira wowala
- Reflect Notes — Malo owoneka ngati nyenyezi a violet ndi malo owonera zinthu amdima komwe zolemba zimayandama ngati magulu a nyenyezi motsutsana ndi malo opanda kanthu akuda a indigo.
- LaunchDarkly — Chipinda Chowongolera Neon ndi chipinda chamdima cha cockpit komwe magetsi ofiirira amadutsa m'mapanelo akuda kwambiri.
- Ameba — Chipinda chowongolera pakati pausiku - phokoso lamagetsi labuluu mkati mwa magalasi oundana
- AgentQL — Kuwala kwa Kumpoto usiku
- Neon — Chipinda cha seva pambuyo pa mdima. Mdima weniweni, komwe kuwala kokhako kumachokera ku deta ndi kuyanjana kwa ogwiritsa ntchito.
- N8n — Injini Yogwirira Ntchito Pakati pa Usiku - kumverera kwa kansalu yodziyimira yokha nthawi yeniyeni m'chipinda cha seva chamdima, chowunikiridwa ndi zizindikiro za momwe zinthu zilili ndi mitsinje ya deta.