Authkit
Lub Tsev Teev Ntuj Frosted Iav thaum ib tag hmo
AuthKit tsim ib qho kev nthuav qhia khoom zoo nkauj thaum hmo ntuj: ib daim ntaub canvas yuav luag dub nrog cov iav frosted nto, ib daim grid ntawm cov kab uas tsis pom tseeb, thiab cov ntawv ci ntsa iab uas zoo li ci ntsa iab los ntawm ib txheej iav. Lub font yog yuav luag dawb tag nrho tawm tsam keeb kwm yav dhau tsaus ntuj, nrog rau ib qho xim av ci ntsa iab ua lub ntsiab lus ua haujlwm xwb - txhua qhov chaw sib tham muaj ib kab mos mos, nyias nyias ntawm xiav-dawb txias es tsis yog lub thav duab khov kho. Cov khoom tau teeb tsa rau ntawm cov khaubncaws sab nraud povtseg translucent, txheej txheej hla lub teeb ci ntsa iab, thiab cov ntawv tshwm sim zoo li cov phaj iav ci ntsa iab los ntawm hauv qab, es tsis yog cov ntawv vaj huam sib luag. Qhov sib nrug yog loj thiab rhythmic; lub ntsiab lus tseem ceeb yog ib lub logo ci ntsa iab uas hla tag nrho qhov dav ntawm nplooj ntawv, nyob ib puag ncig los ntawm cov iav ntab, es tsis yog qhov kev teeb tsa sib cais ib txwm muaj.
Ib daim ntaub canvas uas dav tag nrho, tsaus ntuj nti nrog lub thawv ntsiab lus nyob hauv nruab nrab, dav tshaj 1200px. Lub ntsiab lus tseem ceeb yog ib lub logo uas ci ntsa iab ("AuthKit" hauv daim ntawv gradient) nyob hauv qab cov ntawv me me zoo li pob muag, tom qab uas/hauv qab uas peb daim npav iav ntab nrog daim ntawv nkag mus rau sab nraud (daim npav sab laug tig sab laug, daim npav nruab nrab tig kom loj tshaj plaws, daim npav sab xis tig sab xis). Lub pob hloov pauv lub ntsiab lus sib dua/tsaus ntuj nyob hauv qab lub ntsiab lus tseem ceeb. Kab feature yog kab rov tav ntawm 6 lub cim nrog cov kab sib txuas nyias nyias ntawm cov cim voj voog. Lub suab ntawm seem: txhua seem pib nrog cov ntawv zoo li pob muag nyob hauv nruab nrab uas muaj cov kab rov tav ploj mus, ua raws li lub npe loj, nyob hauv nruab nrab (44-48px), ua raws li ib kab ntawm daim ntawv theej lub cev tsis muaj suab nrov (16-18px), dav tshaj ~640px. Ntu Customize qhia ib daim duab ntawm lub qhov rais browser nrog daim npav nkag mus rau hauv nruab nrab uas nyob ib puag ncig los ntawm cov vaj huam sib luag UI inspector (cov xim palettes, cov kab swb radius, lub cim xaiv logo, lub pob ntawv, daim teb keeb kwm yav dhau ntawm nplooj ntawv) nyob rau ntawm cov ces kaum ntawm daim ntaub canvas, zoo li qhov chaw ua haujlwm ntawm cov cuab yeej tsim qauv.
Tus qauv tsim pom tseeb yog cov qauv nkag mus rau hauv daim ntawv mockups, ua los ntawm cov qauv "iav morphology" (cov teb nkag email/password, cov nyees khawm nkag mus rau hauv social media, kev nkag mus rau hauv tus lej tsis muaj password), nthuav tawm ua daim npav ntab, pob tshab tawm tsam daim ntaub canvas thaum ib tag hmo. Cov cim tshwj xeeb yog cov monochrome linear glyphs hauv #d1e4fa hauv cov vuas puag ncig, matte. Ib daim phiaj me me (kab 1px hauv rgba(186,215,247,0.06)) npog tag nrho nplooj ntawv, tsim kom muaj huab cua, thaum lub teeb pom kev zoo conical gradient ci ntsa iab rau saum lub ntsiab lus tseem ceeb. Tsis muaj duab, tsis muaj duab kev ua neej, tsis muaj cov duab thaij duab ntawm cov khoom - cov khoom nws tus kheej yog lub ntsiab lus pom: cov teb nkag mus rau hauv daim ntawv teeb tsa zoo li cov qauv iav hauv chav ua yeeb yaj kiab tsaus ntuj.
Xim av
Hom
- Void Violet
#663af3— Xim tseem ceeb rau lub pob hu kom ua (CTA) yog tib xim uas siv rau lub pob "Txuas Ntxiv/Xa" hauv cov ntawv nkag mus; xim ntshav ci ntsa iab tawm tsam keeb kwm yav dhau ze li dub ua rau muaj kev xav ceev yam tsis cuam tshuam rau cov xim monochromatic.
Nruab nrab
- Midnight Canvas
#05060f— Lub keeb kwm yav dhau ntawm nplooj ntawv, qhov chaw tob tshaj plaws ntawm daim npav, qhov sau ntawm lub cim - lub hauv paus yuav luag dub uas txhua yam ntab rau saum. - Steel Plate
#2f343e— Nto tsa, khawm ua haujlwm phantom/secondary, backing vaj huam sib luag zais cia. - Fog Veil
#9da7ba— Cov ntawv tseem ceeb, cov ntawv sau rau ntawm daim npav, nyeem tau yooj yim, tab sis nws nyob rau tom qab piv rau cov ntawv sau. - Moon Mist
#c7d3ea— Cov ntawv tseem ceeb, cov ntawv ntxiv, cov ntawv pab uas tsis muaj suab - Frost Glow
#d1e4fa— Xim sau tseem ceeb rau lub cev thiab cov ntawv txuas, cov ntawv cim, thiab cov cim sau yog lub neej ntawd ci ntsa iab pem hauv ntej. - Ice Highlight
#d8ecf8— Cov ntawv nyeem sib dua rau ntawm qhov chaw tsaus nti, cov ntawv lo rau sab nraud, thiab cov ntawv xov xwm uas muaj qhov sib txawv siab. Tsis txhob siv nws ua xim tseem ceeb rau kev hu kom ua; kev hloov pauv ntawm cov ntawv xov xwm - kev hloov pauv du ntawm xiav dawb mus rau xiav mos mos los ntawm sab saud mus rau hauv qab - yog siv rau hauv lub logo AuthKit thiab cov ntawv xov xwm tseem ceeb.
Kev sau ntawv
txij li 12 mus rau 48px · 8 kauj ruam
- Untitled Sans — hloov: Inter · cov qauv qhia 400, 500, 600, 700 · Cov ntawv tseem ceeb, tus neeg siv interface, cov nyees khawm, cov teb nkag, cov cim, cov npe me me - ib daim ntawv thoob ntiaj teb rau txhua yam kev ua haujlwm.
- aeonikPro — hloov: Space Grotesk · cov qauv qhia 400, 500 · Tsuas yog tso saib cov npe xwb—lub npe AuthKit, cov npe ntawm ntu, thiab cov ntawv hauv lub cev—qhov hnyav ntawm cov ntawv 500-point ntawm 44-48px ua rau lub npe zoo li dav thiab tsis pom tseeb dua li qhov hais lus ci ntsa iab.
- dotDigital — hloov: JetBrains Mono · cov qauv qhia 400 · Cov ntawv sau tag nrho ("Kev Taw Qhia," "Kev Tsim Kho Kom Nthuav Dav," "Kev Ci Nthuav Dav") - cov ntawv sau tag nrho uas muaj cov ntawv sau ib leeg nrog qhov sib nrug 0.10em ua haujlwm ua cov kab sib cais me me ntawm cov ntawv hauv lub cev thiab lub npe.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | dav |
| Kauj ruam yooj yim | 16px |
| Lub vojvoog ntawm lub pob | 999px |
| Lub vojvoog ntawm daim npav | 16px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 120px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Authkit thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- Resend — velvet dub nrog xim neon ntshav
- Gsap — Ib lub rooj tsavxwm dawb uas muaj yeeb yaj kiab hauv chav tsim qauv. Ib phab ntsa uas yuav luag dub, ib daim chalk sov sov, thiab tsib daim cwj mem xim—ib daim rau txhua yam kev ua yeeb yaj kiab.
- Slash — Lub tsev khaws puav pheej nruab hmo nrog cov phau ntawv gilded
- Raycast — Chaw Ua Haujlwm Ib Tag Hmo, Coral Neon
- Dimension — ib qho chaw ua haujlwm uas muaj teeb pom kev zoo thaum tsaus ntuj nrog cov iav frosted panels
- Modal — Lub davhlau ya nyob twg phosphorescent hauv chav tsaus ntuj - tsuas yog lub teeb ci ntsa iab xwb
- Reflect Notes — Qhov chaw muaj hnub qub xim av yog lub chaw saib hnub qub tsaus ntuj uas cov ntawv sau ntab zoo li cov hnub qub tawm tsam keeb kwm yav dhau ntawm qhov tsaus ntuj indigo yuav luag dub.
- LaunchDarkly — Chav tswj hwm neon yog lub cockpit tsaus ntuj uas cov teeb liab ntshav ci ntsa iab los ntawm cov vaj huam sib luag dub.
- Ameba — Chav tswj hwm thaum ib tag hmo - lub suab xiav hluav taws xob sab hauv cov iav frosted
- AgentQL — Teeb Northern hla lub davhlau ya nyob twg thaum hmo ntuj
- Neon — Ib chav server tom qab tsaus ntuj. Tsaus ntuj xwb, qhov uas tsuas muaj lub teeb los ntawm cov ntaub ntawv thiab kev sib cuag ntawm cov neeg siv.
- N8n — Lub Cav Ua Haujlwm Thaum Ib Tag Hmo - qhov kev xav ntawm daim ntaub thaiv kev ua haujlwm tiag tiag hauv chav tsaus ntuj, ci ntsa iab los ntawm cov cim qhia xwm txheej thiab cov kwj ntaub ntawv