Authkit
Katidral Glass Frosted na etiti abalị
AuthKit na-emepụta ihe ngosi ngwaahịa n'abalị mara mma: ákwà mkpuchi dị ka oji nwere elu iko oyi kpọnwụrụ akpọnwụ, grid nke ahịrị ndị a na-adịghị ahụ anya, na ederede na-egbuke egbuke nke yiri ka ọ na-enwu site na oyi akwa iko. Ụdị ihe odide ahụ fọrọ nke nta ka ọ bụrụ ọcha kpamkpam n'azụ gbara ọchịchịrị, yana otu olu odo odo na-egbuke egbuke dị ka naanị ihe bara uru - elu mmekọrịta ọ bụla nwere ahịrị dị nro, dị gịrịgịrị nke acha anụnụ anụnụ na ọcha kama ịbụ etiti siri ike. A na-ahazi ihe mejupụtara ya na akwa translucent, a na-etinye ya n'elu ọkụ gburugburu, kaadị ndị ahụ na-apụtakwa dị ka efere iko na-enwu site n'okpuru, kama panel akwụkwọ. Oghere dị ukwuu ma na-ada ụda; ihe bụ isi bụ otu akara ngosi ọkụ nke na-agbasa obosara peeji ahụ dum, gbara ya gburugburu site na kaadị iko na-ese n'elu mmiri, kama nhazi ihuenyo kewara ekewa ọdịnala.
Kansụl gbara ọchịchịrị nke nwere akpa ọdịnaya etiti, nke kachasị obosara 1200px. Isi ihe bụ otu akara ngosi etiti, nke etiti, nke na-enwu gbaa ("AuthKit" na mkpụrụedemede gradient) n'okpuru obere ederede dị ka nkuanya, nke/n'okpuru ya bụ kaadị iko atọ na-ese n'elu mmiri nwere fan ụdị nbanye (kaadị aka ekpe a tụgharịrị aka ekpe, kaadị etiti a kacha elu, kaadị aka nri a tụbara aka nri). Mgbanwe isiokwu dị ọkụ/ọchịchịrị dị n'etiti ihe bụ isi. Ahịrị atụmatụ ahụ bụ usoro iheomume kwụ ọtọ nke akara ngosi 6 nwere ahịrị njikọ dị gịrịgịrị n'etiti akara ngosi okirikiri. Usoro nkebi: ngalaba ọ bụla na-amalite site na ederede dị ka nkuanya etiti nke ejiri ahịrị kwụ ọtọ na-apụ apụ kpuchie, wee soro ya na nnukwu aha etiti (44-48px), nke otu ahịrị nke ahụ gbara ogbi (16-18px), obosara kachasị ~640px. Ngalaba Nhazi na-egosi ihe ngosi nke windo ihe nchọgharị nwere kaadị nbanye dị n'etiti ya na ogwe nyocha UI na-ese n'elu mmiri gbara ya gburugburu (palette agba, ihe mmịfe radius, ihe nhọrọ akara ngosi, ubi ederede bọtịnụ, ubi ndabere peeji) dị na nkuku nke kanvas ahụ, dị ka ebe ọrụ ngwaọrụ imewe.
Nhazi ihe a na-ahụ anya na-adabere na ihe nlereanya nbanye, nke e ji ụdị "iko morphology" mee (ebe ntinye email/paswọọdụ, bọtịnụ nbanye mgbasa ozi ọha na eze, ntinye koodu na-enweghị paswọọdụ), nke a na-egosi dị ka kaadị na-ese n'elu mmiri, nke na-agbanwe agbanwe n'elu ákwà mgbochi etiti abalị. Akara ngosi bụ glyphs monochrome linear na #d1e4fa n'ime taịlị matte gbara gburugburu. Grid dị nro (ahịrị 1px na rgba(186,215,247,0.06)) na-ekpuchi ibe ahụ dum, na-emepụta ikuku, ebe ìhè conical gradient na-enwu n'elu ihe bụ isi. Enweghị foto, enweghị onyonyo ụdị ndụ, enweghị nseta ihuenyo ngwaahịa - ngwaahịa ahụ n'onwe ya bụ ihe a na-ahụ anya: ubi nbanye nke edobere dị ka ihe atụ iko na studio gbara ọchịchịrị.
Paletị
Akara
- Void Violet
#663af3— Agba bụ isi maka bọtịnụ oku-ịme ihe (CTA) bụ naanị agba olu eji naanị maka bọtịnụ "Gaa n'ihu/Nyefee" n'ime ụdị nbanye; odo odo na-egbuke egbuke nke dị nso na ndabere ojii na-eme ka ọ dị ngwa ngwa n'emebighị atụmatụ agba monochromatic.
Na-anọpụ iche
- Midnight Canvas
#05060f— Ndabere peeji ahụ, elu kachasị omimi nke kaadị ahụ, ihe e ji ejupụta akara ahụ—ihe fọrọ nke nta ka ọ bụrụ ntọala ojii nke ihe niile ọzọ na-ese n'elu. - Steel Plate
#2f343e— Elu elu, bọtịnụ ihe omume phantom/nke abụọ, nkwado panel dị nro. - Fog Veil
#9da7ba— Ederede bụ isi, ederede dị na kaadị ahụ, dị mfe ịgụ, mana e wedara ya n'azụ ma e jiri ya tụnyere isi okwu ndị ahụ. - Moon Mist
#c7d3ea— Ederede bụ isi, aha ndị ọzọ, ederede enyemaka emechiri emechi - Frost Glow
#d1e4fa— Agba mejupụta isi maka ederede ahụ na njikọ, ederede akara ngosi, na mejupụta akara ngosi bụ ihe ndabere na-egbuke egbuke. - Ice Highlight
#d8ecf8— Ederede dị mfe n'elu ebe gbara ọchịchịrị, akara ndị a tụgharịrị atụgharị, na isi akụkọ ndị nwere ọdịiche dị elu. Ejila ya dị ka agba bụ isi maka oku maka ihe; a na-eji akara isi okwu—mgbanwe dị nro site na acha anụnụ anụnụ dị nro gaa na acha anụnụ anụnụ dị nro site n'elu ruo na ala—na akara ngosi AuthKit na isi akụkọ.
Ụdị edemede
site na 12 ruo 48px · Nzọụkwụ 8
- Untitled Sans — nnọchi: Inter · ihe nhazi 400, 500, 600, 700 · Ederede bụ isi, interface onye ọrụ, bọtịnụ, ubi ntinye, akara ngosi, obere isi - mkpụrụedemede zuru ụwa ọnụ maka ihe niile dị mkpa.
- aeonikPro — nnọchi: Space Grotesk · ihe nhazi 400, 500 · Igosi naanị isi okwu—akara ngosi AuthKit, isi okwu ngalaba, na ederede ahụ—ibu mkpụrụedemede isi 500 na 44-48px na-enye akara ngosi ahụ ọdịdị sara mbara, nke a na-anaghị akọwapụta nke ọma kama ịbụ olu mara mma.
- dotDigital — nnọchi: JetBrains Mono · ihe nhazi 400 · Ederede mkpụrụedemede ukwu niile ("Na-ewebata," "Mmebe a na-agbasawanye," "Na-enwu gbaa") - ederede mkpụrụedemede ukwu niile nwere oghere 0.10em na-eje ozi dị ka ihe nkewa dị nro n'etiti ederede ahụ na isiokwu ahụ.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | sara mbara |
| Nzọụkwụ bụ isi | 16px |
| Redịọs bọtịnụ | 999px |
| Redịọs kaadị | 16px |
| Onyinyo | mba - ókèala kama onyinyo |
| N'etiti ngalaba | 120px |
| Obosara ibe | 1200px |
AI ga-ewulite weebụsaịtị gị n'ụdị Authkit ma jupụta ya
- Jupụta ngwaahịa na ozi site na njikọ ahụ - Instagram, TikTok, Facebook.
- Bufee ọdịnaya site na saịtị ochie gị—kpọọ naanị adreesị ahụ.
- Nhazi ọgbara ọhụrụ na injin kacha mma: React ( Next.js) na nhazi sava na nhazi SEO n'ime igbe.
- Nhazi SEO akpaghị aka zuru oke maka nsonaazụ ọchụchọ na ndụmọdụ netwọkụ akwara.
Ụdị ndị yiri ya
- Resend — velvet ojii nwere agba neon odo odo
- Gsap — Bọọdụ ọcha na-ese ihe n'ime ụlọ ọrụ mmepụta ihe. Mgbidi fọrọ nke nta ka ọ bụrụ oji, nzu ude na-ekpo ọkụ, na ihe nrịbama agba ise—otu maka usoro ihe nkiri eserese ọ bụla.
- Slash — Ebe nchekwa etiti abalị nwere akwụkwọ ndekọ ọlaedo
- Raycast — Ebe Iwu Etiti abalị, Coral Neon
- Dimension — ụlọ ọrụ na-enwu gbaa n'abalị nwere panel iko oyi kpọnwụrụ akpọnwụ
- Modal — Ọdụ phosphorescent dị n'ime ụlọ sava gbara ọchịchịrị - naanị isi iyi ìhè bụ agba akwụkwọ ndụ na-egbuke egbuke
- Reflect Notes — Oghere kpakpando jupụtara na violet bụ ebe a na-ekiri ihe nkiri gbara ọchịchịrị ebe ndetu na-efegharị dị ka kpakpando n'akụkụ ihe fọrọ nke nta ka ọ bụrụ ihe efu nke indigo ojii.
- LaunchDarkly — Ụlọ njikwa neon bụ kọbọd gbara ọchịchịrị ebe akara odo odo na-ada site na panel jet-black.
- Ameba — Ụlọ njikwa n'etiti abalị - ọkụ eletrik na-acha anụnụ anụnụ dị n'ime panel iko oyi kpọnwụrụ akpọnwụ
- AgentQL — Ọkụ Ugwu n'elu ọdụ n'abalị
- Neon — Ụlọ sava mgbe ọchịchịrị gasịrị. Ọchịchịrị dị ọcha, ebe naanị ìhè si na data na mmekọrịta ndị ọrụ na-abịa.
- N8n — Injin Ọrụ n'etiti abalị - mmetụta nke ákwà akpaaka ozugbo n'ime ụlọ sava gbara ọchịchịrị, nke ihe ngosi ọnọdụ na iyi data na-enwu.