Modal
Ọdụ phosphorescent dị n'ime ụlọ sava gbara ọchịchịrị - naanị isi iyi ìhè bụ agba akwụkwọ ndụ na-egbuke egbuke
Modal na-arụ ọrụ dị ka ọdụ phosphorescent n'ime ụlọ sava gbara ọchịchịrị: ákwà fọrọ nke nta ka ọ bụrụ oji, ụdị akwụkwọ ndụ akwụkwọ ndụ na-acha ọcha, na otu olu lime-green na-egbuke egbuke nke na-arụ ọrụ dị ka ihe ngosi ọnọdụ LED. Asụsụ imewe ahụ lekwasịrị anya na ndị mmepe - windo koodu dị iche iche nwere ntụpọ ọkụ okporo ụzọ, akara ngosi 3D isometric na akwụkwọ ndụ akwụkwọ ndụ, na ọtụtụ oghere ọcha, na-enye ohere ka otu ihe dị na ngalaba ọ bụla na-enwu. A na-ekewa mkpụrụedemede n'etiti mkpụrụedemede omenala (Goga) maka isi okwu na mkpụrụedemede mgbanwe (Inter) maka ihe UI niile, ha abụọ nwere obere nsochi na-adịghị mma. A na-ekesa agba n'otu aka ahụ: ọtụtụ ihuenyo anaghị agba agba, agba lime-green na-egbuke egbuke na-apụta naanị na ihe ndị dị mkpa, akara ngosi, ihe osise 3D, na oge mesiri ike. Ihe mejupụtara ya dị larịị ma enweghị frame, yana omimi e kere site na ókèala akwụkwọ ndụ akwụkwọ ndụ dị nro na blur ndabere kama onyinyo.
Modal ahụ na-eji nhazi gbara ọchịchịrị zuru oke nke nwere obosara kachasị nke 1280px iji kwado ọdịnaya ahụ. Windo dike dị n'etiti: aha (ahịrịokwu mbụ na akwụkwọ ndụ akwụkwọ ndụ lime), isiokwu nta, oku abụọ maka ihe omume, na otu ihe 3D dị ka ihe a na-ahụ anya - na-ekewaghị nhazi ahụ na akụkụ ahụ. Ngalaba ọdịnaya ahụ na-agbaso usoro otu: akara nku anya (mkpụrụedemede isi, Moss 70) → Aha Goga → ederede ahụ gbara ọchịchịrị, wee bụrụ nhazi kọlụm abụọ nwere nkọwa atụmatụ (ederede + koodu/kaadị anya) ma ọ bụ grid kọlụm atọ nke kaadị. Gutters dị n'etiti ngalaba dị oke mma - 80px. Peeji ahụ na-agbanwe n'etiti eriri miri emi (#000000) na ndabere dị ntakịrị ọkụ (#181818), yana otu ngalaba ọkụ (#def0dd) na-apụta n'etiti ibe ahụ dị ka ihe na-eku ume anya. Njemgharị ahụ nwere otu ogwe elu edobere, nke edobere nke nwere ndabere gbara ọchịchịrị - enweghị akụkụ ma ọ bụ menu mega. Ala ala ahụ dị obere ma gbaa ọchịchịrị, yana kọlụm njikọ akwụkwọ ndụ akwụkwọ ndụ gbara ọchịchịrị. Njupụta ederede dị mma: a na-enye ngalaba ọ bụla ohere zuru oke, grid kaadị anaghịkwa eji ihe karịrị ogidi atọ.
A na-ekewa asụsụ anya Modal n'ụdị abụọ: ihe ngosi ngwaahịa na-egbuke egbuke 3D na ihe ngosi windo koodu gbara ọchịchịrị. Isi ihe a na-elekwasị anya bụ otu kube 3D nke e ji gradient ahịa (site na lime green ruo emerald), nke edobere n'ime halo gradient radial nke na-asa oghere efu na ìhè akwụkwọ ndụ akwụkwọ ndụ - ụdị anya pụrụ iche nke ika ahụ. Kaadị ibu ọrụ nwere akara ngosi 3D isometric (kube waya, steepụ siri ike, oyi akwa) nke e mere n'otu akwụkwọ ndụ akwụkwọ ndụ lime megide ndabere gbara ọchịchịrị. A na-egosi nsonaazụ koodu na akara ngosi dị ka kaadị windo njedebe nwere ntụpọ ọkụ okporo ụzọ, usoro okwu monospaced na-egosipụta na palette phosphorescent, na ókèala akwụkwọ ndụ akwụkwọ ndụ gbara ọchịchịrị - ha yiri nseta ihuenyo nke ezigbo interface iwu-ahịrị. A na-egosi akara ngosi ndị ahịa dị ka akara akwụkwọ ndụ akwụkwọ ndụ na-agba ntụ na otu ahịrị dị ala, nke na-egosi ntụkwasị obi na-enweghị asọmpi anya. Njupụta zuru oke dị ala - ọtụtụ peeji nwere ederede kachasị, a na-egosikwa onyonyo dị ka isi ihe nkeonwe kama grid nke foto. Enweghị foto; a na-emegharị sistemụ anya niile, geometric, na radiant.
Paletị
Akara
- Lime Pulse
#7fee64— Isi ihe dị na njirimara ụlọ ọrụ bụ akara ngosi, oku kacha mkpa maka ihe omume (CTA), ihe e ji ejupụta akara, ọnọdụ ndị na-arụ ọrụ, na agba bụ isi nke ihe osise ahụ.
Na-anọpụ iche
- Phosphor White
#ddffdc— Isi ederede, agba aha, ihe osise akara ngosi, na ederede bọtịnụ jupụtara bụ isi ihe a na-agụ. - Void Black
#000000— Kanvas peeji, oyi akwa ndabere kachasị omimi - Ground Iron
#181818— Mejupụta bọtịnụ bụ isi, elu kaadị n'ebe gbara ọchịchịrị, elu ntọala nke interface onye ọrụ. - Carbon Veil
#212525— Elu dị elu, ndabere ụzọ, dị ntakịrị ọkụ karịa ala. - Circuit Border
#485346— Ihe osise/mmụọ ihe osise, nke bụ isi ihe dị mkpa na-emekọrịta ihe, bụ agba akwụkwọ ndụ akwụkwọ ndụ na-acha ntụ ntụ. - Phosphor Blue-Black
#1f2a33— Ahịrị akara dị gịrịgịrị nke abụọ, na-ekewa strok n'etiti eriri gbara ọchịchịrị.
Ụdị edemede
site na 12 ruo 64px · nzọụkwụ 8
- Goga — nnọchi: Inter Tight or Space Grotesk · ihe nhazi 400, 500 · Mkpụrụedemede Isi na Isi Okwu - A na-eji ya maka isi na kaadị H1–H4 niile. Goga bụ mkpụrụedemede sans-serif nke e ji usoro ya mee, nke nwere oghere dị warara na njedebe dị ntakịrị. A na-echekwa oke ibu (500) maka isi ihe ngosi ọkwa kaadị; a na-eji ibu nkịtị (400) eme ihe maka isi ihe osise dike na ngalaba. Iji nweta ụdị glyph ndị ọzọ nke na-akọwa njirimara Modal, a ga-agba mbọ ka nhazi 'ss01' ya rụọ ọrụ. Oghere mkpụrụedemede na-adịghị mma na-ebelata nwayọ site na -0.007em na 48px ruo -0.017em na 21px.
- Inter Variable — nnọchi: Inter · ihe nhazi 400, 500 · Njikọta onye ọrụ na nhazi ahụ - ịnyagharịa, bọtịnụ, nhazi ahụ, akara, na ala. A na-eji oke ibu (500) eme ihe na ndabara maka ihe mmekọrịta na nhazi; a na-eji nkịtị (400) eme ihe maka paragraf. A na-ebelata oghere mkpụrụedemede ọbụlagodi na obere nha (-0.026em na 14px, -0.022em na 16px), na-enye interface ahụ njupụta njedebe. Maka akara edemede ọzọ, a ga-etinye ụdị mkpụrụedemede 'cv11'. Akara niile dị na 12px jiri +0.05em oghere mkpụrụedemede iji dozie njupụta nhazi ahụ.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | nkezi |
| Nzọụkwụ bụ isi | 20px |
| Redịọs bọtịnụ | 12px |
| Redịọs kaadị | 8px |
| Onyinyo | mba - ókèala kama onyinyo |
| N'etiti ngalaba | 80px |
| Obosara ibe | 1280px |
AI ga-ewulite weebụsaịtị gị n'ụdị Modal 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
- Slash — Ebe nchekwa etiti abalị nwere akwụkwọ ndekọ ọlaedo
- AgentQL — Ọkụ Ugwu n'elu ọdụ n'abalị
- GitHub — Ogwe iwu oghere nwere ebe njikwa bioluminescent—ebe ọrụ gbara ọchịchịrị nke ikuku ebe otu ọkụ akwụkwọ ndụ akwụkwọ ndụ na-egosi ụzọ ịga n'ihu.
- Doppler — Ọkụ odo odo nke ụlọ nchekwa ahụ n'etiti abalị. Kanvas ojii ahụ na-enwu site na otu akara lavender na ọkụ nkwenye akwụkwọ ndụ akwụkwọ ndụ, elu niile gbagọrọ agbagọ nke ọma iji jide ya.
- Basedash — Ọdụ data etiti abalị nwere mkpụrụedemede matte. Ebe nlele gbara ọchịchịrị ebe metrics na-acha odo odo na akwụkwọ ndụ akwụkwọ ndụ, isi akụkọ serif na-efegharị n'elu mkpọtụ ahụ, na bọtịnụ ndị dị ka mkpụrụ ọgwụ ọcha bụ naanị ihe na-egbuke egbuke n'ime ụlọ nwere elu ojii dị nro.
- Superwhisper — Ọkụ ugwu na-agbaze n'ime iko etiti abalị
- Better Stack — Ogwe njikwa etiti abalị SRE
- Langbase — Igwe njikwa ọkụ etiti abalị nke Northern Lights
- Astro — Njikwa Ọrụ Miri Emi nwere otu ọkụ odo odo sitere na nebula
- Wayfinder — Ihuenyo ihe nkiri ojii nke nwere aha a na-anaghị anụ nke na-efegharị n'elu ihe osise dị ndụ. Ihe ngosi ahụ bụ ihe mmịfe na-enwu enwu kama ọ bụ ihe njikwa.
- HashiCorp — Ụlọ njikwa n'etiti abalị nwere neon odo odo bụ ebe teknụzụ gbara ọchịchịrị ebe cube hexagonal na-egbuke egbuke na-eje ozi dị ka naanị ihe ngosi agba.
- Umbrel — Ọkụ dị mma n'ime ụlọ ọrụ ihe nketa abalị—ụlọ gbara ọchịchịrị ebe otu ìhè peach na-egosipụta ihe dị mkpa n'ezie.