Modal
Isiphelo se-phosphorescent kwigumbi leseva elimnyama - umthombo wokukhanya kuphela ngumbala oluhlaza oqaqambileyo
I-Modal isebenza njenge-terminal ye-phosphorescent kwigumbi leseva elimnyama: i-canvas emnyama phantse, uhlobo oluluhlaza okotshani, kunye ne-accent enye ekhanyayo ye-lime-green esebenza njengesalathisi sesimo se-LED. Ulwimi loyilo lugxile kumphuhlisi-iifestile zekhowudi ezinendawo enye kunye namachaphaza okukhanya kwetrafikhi, ii-icon ze-isometric ze-3D kuluhlaza olucacileyo, kunye nendawo emhlophe eninzi, evumela into enye kwicandelo ngalinye ukuba ikhanye. Ubhalo-magama lwahlulwe phakathi kwefonti eyenziwe ngokwezifiso (iGoga) yezihloko kunye nefonti eguquguqukayo (i-Inter) yazo zonke izinto ze-UI, zombini zibekwe ngokulandelela okuncinci okungalunganga. Imibala isasazwa ngokulinganayo: uninzi lwezikrini alunambala, kwaye umbala okhanyayo we-lime-green ubonakala kuphela kwizenzo eziphambili, ilogo, imifanekiso ye-3D, kunye namaxesha ogxininiso. Izinto zithe tyaba kwaye azinafreyimu, kunye nobunzulu obudalwe ngemida eluhlaza ethambileyo kunye nokufiphala kwemvelaphi endaweni yezithunzi.
I-modal isebenzisa uyilo olumnyama olupheleleyo nobubanzi obuphezulu be-1280px ukuze ilungele umxholo. Ifestile yeqhawe iphakathi: isihloko (isivakalisi sokuqala esiluhlaza okotshani), isihlokwana, ii-calls ezimbini zesenzo, kunye nento enye ye-3D njenge-visual anchor—ngaphandle kokwahlula uyilo kwi-sidebar. Amacandelo omxholo alandela isigqi esifanayo: i-eyebrow tag (oonobumba abakhulu, i-Moss 70) → Isihloko sikaGoga → umbhalo womzimba othuliweyo, uze ube noyilo lweekholamu ezimbini olunenkcazo yesici (umbhalo + ikhowudi/ikhadi elibonakalayo) okanye igridi yamakhadi enekholamu ezintathu. Imijelo phakathi kwamacandelo ininzi—i-80px. Iphepha litshintshana phakathi kwemigca engenanto enzulu (#000000) kunye nemigca engasemva ekhanyayo kancinci (#181818), kunye necandelo elinye lokukhanya (#def0dd) elibonakala embindini wephepha njenge-visual breather. Ukuhambahamba kuqulathe ibha ephezulu enye, ezinzileyo enemvelaphi efipheleyo—akukho sidebar okanye imenyu enkulu. I-footer incinci kwaye imnyama, kunye neekholamu zekhonkco eziluhlaza ezithuliweyo. Ubuninzi bombhalo buyakhululeka: icandelo ngalinye linikwa indawo eyaneleyo, kwaye iigridi zamakhadi azisebenzisi iikholamu ezingaphezu kwezintathu.
Ulwimi olubonakalayo lukaModal lwahlulwe ngeendlela ezimbini: iirendi zemveliso ezikhazimlayo ze-3D kunye neemodeli zefestile zekhowudi emnyama. Indawo ephambili yityhubhu enye ye-3D evezwe kusetyenziswa i-gradient yokuthengisa (ukusuka kwi-lime green ukuya kwi-emerald), ebekwe ngaphakathi kwe-radial gradient halo ehlamba indawo engenanto ekukhanyeni okuluhlaza—isitayile esibonakalayo sophawu lophawu. Amakhadi omthwalo womsebenzi aqulathe ii-icon ze-isometric 3D (ityhubhu yefreyimu yentsimbi, izitebhisi eziqinileyo, iileya) ezivezwe kwi-lime green efanayo ngokuchasene nemvelaphi emnyama. Iziphumo zekhowudi kunye nomgangatho wokulinganisa zivezwa njengamakhadi efestile yesiphelo anamachaphaza okukhanya kwetrafikhi, i-monospaced syntax egqamisa kwi-palette ye-phosphorescent, kunye nomda oluhlaza othuliweyo—zifana neeskrini zojongano lomgca womyalelo wokwenyani. Iilogo zabathengi ziboniswa njengeelebheli eziluhlaza-grey ezingenanto kumqolo omnye, ongafaniyo, obonisa ukuthembana ngaphandle kokhuphiswano olubonakalayo. Uxinano lulonke luphantsi—uninzi lwamaphepha luqulathe ikakhulu umbhalo, kwaye imifanekiso iboniswa njengeendawo zokugxila zomntu ngamnye endaweni yeegridi zeefoto. Akukho zithombe; yonke inkqubo yokubonakalayo iboniswe, ijiyometri, kwaye iyakhazimla.
Iphalethi
Uphawu
- Lime Pulse
#7fee64— Izinto eziphambili zobuntu benkampani yilogo, i-CTA (ubizo oluphambili lokwenza into), ukuzaliswa kweethegi, iimeko ezisebenzayo, kunye nombala osisiseko womfanekiso.
Ukungathathi cala
- Phosphor White
#ddffdc— Umbhalo oyintloko, umbala wesihloko, umzobo we icon, kunye nombhalo ogcweleyo weqhosha zezona zinto zibalaseleyo ezifundekayo. - Void Black
#000000— I-canvas yephepha, umaleko ongasemva onzulu kakhulu - Ground Iron
#181818— Ukuzaliswa kwamaqhosha aphambili, iindawo zekhadi kwiindawo ezimnyama, umphezulu osisiseko wojongano lomsebenzisi. - Carbon Veil
#212525— Imiphezulu ephakanyisiweyo, imvelaphi yokukhangela, ikhaphukhaphu kancinci kunomhlaba. - Circuit Border
#485346— Isakhelo sesenzo somda/isiporho, umgca ophakathi obhityileyo osebenzisanayo, ngumbala oluhlaza-ngwevu ongathethiyo. - Phosphor Blue-Black
#1f2a33— Imigca yesibini emincinci yokuphawula, eyahlula imivimbo phakathi kwemivimbo emnyama.
Ubhalo lweencwadi
ukusuka kwi-12 ukuya kwi-64px · amanyathelo asibhozo
- Goga — ukutshintshwa: Inter Tight or Space Grotesk · imida 400, 500 · Ifonti yesihloko kunye nesihloko esincinci – Isetyenziswa kuzo zonke izihloko kunye namakhadi e-H1–H4. I-Goga yifonti yejometri engaqhelekanga enezimbobo ezimxinwa kunye nee-terminals ezisikwere kancinci. Ubunzima obuphakathi (500) bugcinelwe ukuqaqambisa izihloko zenqanaba lekhadi; ubunzima obuqhelekileyo (400) busetyenziselwa izihloko zeqhawe kunye necandelo. Ukuze ufikelele kwiimilo ze-glyph ezichaza ubuwena bukaModal, iseti yakhe yesitayile 'ss01' kufuneka ivulwe. Isithuba soonobumba abangalunganga siyehla kancinci ukusuka kwi--0.007em kwi-48px ukuya kwi--0.017em kwi-21px.
- Inter Variable — ukutshintshwa: Inter · imida 400, 500 · Ujongano lomsebenzisi kunye nekopi yomzimba – ukuhambahamba, amaqhosha, ikopi yomzimba, iilebhile, i-footer. Ubunzima obuphakathi (500) busetyenziswa ngokuzenzekelayo kwizinto ezisebenzisanayo kunye nokuhambahamba; i-normal (400) isetyenziswa kwiziqendu. Isithuba soonobumba sincitshiswa kakhulu nokuba kubungakanani obuncinci (-0.026em kwi-14px, -0.022em kwi-16px), nto leyo enika ujongano uxinano olufutshane, olupheleleyo. Kwiimpawu zokubhala ezitshintshanayo, kufuneka kufakwe uhlobo loonobumba 'cv11'. Iilebhile ze-All-caps kwi-12px zisebenzisa isithuba soonobumba be-+0.05em ukulinganisa uxinano loonobumba bomzimba.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | umndilili |
| Inyathelo elisisiseko | 20px |
| Irediyasi yeqhosha | 12px |
| Irediyasi yekhadi | 8px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 80px |
| Ububanzi bephepha | 1280px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Modal ize iyizalise
- Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
- Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
- Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
- Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.
Iintlobo ezifanayo
- Slash — Igumbi lokulala eliphakathi kobusuku elineencwadi zegolide
- AgentQL — Izibane zaseMantla phezu kwesiphelo ebusuku
- GitHub — Iphaneli yomyalelo wesithuba eneendawo zokulawula ze-bioluminescent—indawo yokusebenza emnyama, enomoya apho ukukhanya okuluhlaza okwesibhakabhaka kubonisa indlela eya phambili.
- Doppler — Ukukhanya okumfusa kwesi sigqubuthelo segumbi lokuhlambela ezinzulwini zobusuku. I-canvas ephantse ibe mnyama ikhazimla ngesibonakaliso esinye se-lavender kunye nesibane esiluhlaza sokuqinisekisa, yonke indawo igobile ngokwaneleyo ukuba ingabanjwa.
- Basedash — Isiphelo sedatha sasebusuku esinefonti engacwebezeliyo. Indawo yokujongisisa emnyama apho iimetrikhi zikhanya ngombala omfusa noluhlaza, iintloko ze-serif zihamba ngaphezu kwengxolo, kwaye amaqhosha amhlophe amile okwepilisi zezona zinto zikhanyayo kwigumbi elinobuso obumnyama obuthambileyo.
- Superwhisper — Izibane zasentla ziyanyibilika phezu kweglasi yobusuku
- Better Stack — Ikhonsoli ye-SRE yasebusuku
- Langbase — Ikhonsoli yeZibane zaseMbindini zaseNorthern Lights
- Astro — Ulawulo lweMisebenzi yeSithuba esiNzulu olunokukhanya okumfusa okukodwa okuvela kwi-nebula
- Wayfinder — Isikrini semuvi emnyama esinesihloko esingavakaliyo kakuhle esiphezu komfanekiso ophilayo. I-interface sisilayidi sokukhanya endaweni yephaneli yokulawula.
- HashiCorp — Igumbi lokulawula ezinzulwini zobusuku eline-purple neon liyindawo yobugcisa emnyama apho ityhubhu ekhazimlayo enesiqingatha isebenza njengombala kuphela omele ukhanyiswe.
- Umbrel — Indawo yomlilo efudumeleyo kwigumbi labalungiseleli basebusuku—igumbi elimnyama apho ukukhanya okukhanyayo okufana nepesika kugqamisa into ebaluleke ngokwenene.