Modal
Itheminali ye-phosphorescent egumbini leseva elimnyama - umthombo wokukhanya okuwukuphela kwawo umbala oluhlaza okotshani okhanyayo
I-Modal isebenza njenge-terminal ye-phosphorescent ekamelweni leseva elimnyama: i-canvas ecishe ibe mnyama, uhlobo oluluhlaza okotshani, kanye ne-accent eyodwa ekhanyayo eluhlaza okotshani esebenza njengesibonakaliso sesimo se-LED. Ulimi lokuklama lugxile kunjiniyela—amafasitela ekhodi anendawo eyodwa anamachashazi okukhanya kwethrafikhi, izithonjana ze-isometric 3D kuluhlaza okotshani oluyisiginesha, kanye nesikhala esimhlophe esiningi, okuvumela into eyodwa esigabeni ngasinye ukuthi ikhanye. Ukuthayipha kuhlukaniswe phakathi kwefonti yangokwezifiso (i-Goga) yezihloko kanye nefonti eguquguqukayo (i-Inter) yazo zonke izinto ze-UI, zombili zisethwe ngokulandelela okungekuhle okunciphile. Imibala isatshalaliswa ngokulinganayo: izikrini eziningi azifani, futhi umbala oluhlaza okotshani okhanyayo uvela kuphela ezenzweni ezibalulekile, ilogo, imidwebo ye-3D, kanye nezikhathi zokugcizelela. Izingxenye ziyisicaba futhi azinafreyimu, ngokujula okudalwe ngemingcele eluhlaza okotshani kanye nokufiphala kwangemuva kunezithunzi.
I-modal isebenzisa ukwakheka okumnyama okugcwele ububanzi obungu-1280px ukuze kuhlangatshezwane nokuqukethwe. Ifasitela leqhawe liphakathi nendawo: isihloko (umusho wokuqala oluhlaza okotshani), isihlokwana, ukubiza okubili esenzweni, kanye nento eyodwa ye-3D njenge-visual anchor—ngaphandle kokuhlukanisa ukwakheka ku-sidebar. Izingxenye zokuqukethwe zilandela isigqi esifanayo: ithegi yamashiya (oonobumba abakhulu, i-Moss 70) → Isihloko se-Goga → umbhalo womzimba othulisiwe, bese kuba ukwakheka kwamakholomu amabili okunencazelo yesici (umbhalo + ikhodi/ikhadi elibonakalayo) noma igridi yamakhadi enamakholomu amathathu. Ama-gutter phakathi kwezingxenye maningi—ama-px angu-80. Ikhasi lishintshana phakathi kwemigqa engenalutho ejulile (#000000) kanye nengemuva elikhanyayo kancane (#181818), kanye nengxenye eyodwa yokukhanya (#def0dd) ebonakala maphakathi nekhasi njengendlela yokuphefumula ebonakalayo. Ukuzulazula kuqukethe ibha ephezulu eyodwa, elungisiwe enesizinda esifiphele—akukho sidebar noma imenyu enkulu. I-footer incane futhi imnyama, enamakholomu esixhumanisi aluhlaza athulisiwe. Ubuningi bombhalo buyakhululeka: ingxenye ngayinye inikezwa isikhala esanele, kanti amagridi amakhadi awasebenzisi amakholomu angaphezu kwamathathu.
Ulimi olubonakalayo lukaModal luhlukaniswe ngezindlela ezimbili: ukuboniswa komkhiqizo okhanyayo we-3D kanye nama-mockup efasiteleni lekhodi emnyama. Iphuzu elibalulekile yi-cube eyodwa ye-3D ekhishwe kusetshenziswa i-gradient yokumaketha (kusukela ku-lime green kuya ku-emerald), ebekwe ngaphakathi kwe-radial gradient halo egeza isikhala esingenalutho ekukhanyeni okuluhlaza—isitayela esibonakalayo esiphawulekayo somkhiqizo. Amakhadi omthwalo womsebenzi aqukethe izithonjana ze-3D ze-isometric (i-cube yefreyimu yocingo, izitebhisi eziqinile, izendlalelo) ezikhishwe ku-lime green efanayo ngokumelene nesizinda esimnyama. Imiphumela yekhodi kanye ne-benchmark ivezwa njengamakhadi efasiteleni lokugcina anamachashazi okukhanya kwethrafikhi, ukugqamisa kwe-syntax okunesikhala esisodwa ku-palette ye-phosphorescent, kanye nomngcele oluhlaza othulile—zifana nezithombe-skrini zesikhombimsebenzisi sangempela somugqa womyalo. Ama-logo eklayenti aboniswa njengamalebula aluhlaza okotshani angenamanzi emgqeni owodwa, ohlukile kancane, obonisa ukwethenjwa ngaphandle kokuncintisana okubonakalayo. Ubuningi obuphelele buphansi—amakhasi amaningi aqukethe kakhulu umbhalo, futhi izithombe zethulwa njengezindawo zokugxila ngazinye kunegridi yezithombe. Azikho izithombe; lonke uhlelo olubonakalayo luveziwe, luyi-geometric, futhi lukhanya.
Iphalethi
Umkhiqizo
- Lime Pulse
#7fee64— Izinto eziyinhloko zobunikazi benkampani yilogo, ukubizwa okuyinhloko kwesenzo (i-CTA), ukugcwaliswa kwamathegi, izimo ezisebenzayo, kanye nombala oyisisekelo womfanekiso.
Okungathathi hlangothi
- Phosphor White
#ddffdc— Umbhalo oyinhloko, umbala wesihloko, uhlaka lwesithonjana, kanye nombhalo wenkinobho ogcwele yikona okufundekayo okuyinhloko. - Void Black
#000000— Ikhanvasi yekhasi, ungqimba lwangemuva olujulile kakhulu - Ground Iron
#181818— Ukugcwalisa izinkinobho eziyinhloko, izindawo zamakhadi ezindaweni ezimnyama, indawo eyisisekelo yesixhumi esibonakalayo somsebenzisi. - Carbon Veil
#212525— Izindawo eziphakeme, ingemuva lokuzulazula, lilula kancane kunomhlaba. - Circuit Border
#485346— Uhlaka lwesenzo sohlaka/isipoki, umugqa omncane oyinhloko osebenzisanayo, luwumbala oluhlaza okotshani ompunga othulile. - Phosphor Blue-Black
#1f2a33— Imigqa emincane yesibili yokumaka, ehlukanisa imivimbo phakathi kwemivimbo emnyama.
Ukuthayipha
kusukela ku-12 kuya ku-64px · izinyathelo ezingu-8
- Goga — esikhundleni: Inter Tight or Space Grotesk · izinhlaka 400, 500 · Ifonti Yesihloko Nesihloko Esingaphansi – Isetshenziselwa zonke izihloko namakhadi e-H1–H4. I-Goga iyifonti ye-sans-serif eyenziwe ngokwezifiso enezimbobo ezincane kanye nama-terminals anesikwele kancane. Isisindo esiphakathi (500) sigcinelwe ukugqamisa izihloko ezingeni lekhadi; isisindo esivamile (400) sisetshenziselwa izihloko zeqhawe nezesigaba. Ukuze ufinyelele ezimeni ze-glyph ezichaza ubunikazi be-Modal, isethi yayo yesitayela se-'ss01' kumele inikwe amandla. Isikhala sezinhlamvu ezingezinhle sincipha kancane kancane kusuka ku--0.007em ku-48px kuya ku--0.017em ku-21px.
- Inter Variable — esikhundleni: Inter · izinhlaka 400, 500 · Isixhumi esibonakalayo somsebenzisi kanye nekhophi yomzimba – ukuzulazula, izinkinobho, ikhophi yomzimba, amalebula, unyawo. Isisindo esimaphakathi (500) sisetshenziswa ngokuzenzakalelayo ezintweni ezisebenzisanayo kanye nokuzulazula; okuvamile (400) kusetshenziselwa izigaba. Isikhala sezinhlamvu sincishiswa ngokuphawulekayo ngisho noma sincane ngobukhulu (-0.026em ku-14px, -0.022em ku-16px), okunikeza isixhumi esibonakalayo ubuningi obufingqiwe, obuyisiphelo. Ukuze kube nophawu lokubhala oluhlukile, kufanele kufakwe uhlobo lwezinhlamvu 'cv11'. Amalebula anezinhlamvu ezinkulu ku-12px asebenzisa isikhala sezinhlamvu esingu-+0.05em ukuze alinganise ubuningi bekhophi yomzimba.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | isilinganiso |
| Isinyathelo esiyisisekelo | 20px |
| Irediyasi yenkinobho | 12px |
| Irediyasi yekhadi | 8px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 80px |
| Ububanzi bekhasi | 1280px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Modal futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- Slash — Indlu yokugcina impahla yaphakathi kwamabili enezincwadi zegolide
- AgentQL — Izibani zaseNyakatho phezu kwetheminali ebusuku
- GitHub — Iphaneli yomyalo wesikhala enamaphuzu okulawula e-bioluminescent—indawo yokusebenza emnyama, enomoya lapho ukukhanya okukodwa okuluhlaza kukhomba khona indlela eya phambili.
- Doppler — Ukukhanya okunsomi kwe-vault phakathi kwamabili. Indwangu emnyama cishe ikhanya ngesignali eyodwa ye-lavender kanye nokukhanya okuluhlaza okotshani, yonke indawo igobile ngokwanele ukuba ibambeke.
- Basedash — Itheminali yedatha yaphakathi kwamabili enefonti engacwebezeli. Indawo yokubuka emnyama lapho izibalo zikhanya khona ngombala onsomi noluhlaza okotshani, izihloko ze-serif zintanta ngaphezu komsindo, kanti izinkinobho ezimhlophe ezimise okwephilisi yizona kuphela izinto ezikhanyayo egumbini elinobuso obumnyama obuthambile.
- Superwhisper — Izibani zasenyakatho ziyancibilika phezu kwengilazi yaphakathi kwamabili
- Better Stack — Ikhonsoli ye-SRE yaphakathi kwamabili
- Langbase — Ikhonsoli ye-Midnight Northern Lights
- Astro — Ukulawula Umsebenzi Wesikhala Ojulile ngokukhanya okukodwa okunsomi okuvela ku-nebula
- Wayfinder — Isikrini se-movie esimnyama esinesihloko esizwakala kancane esiphezu komfanekiso obukhoma. I-interface iyisilayidi sokukhanya kunokuba iphaneli yokulawula.
- HashiCorp — Igumbi lokulawula phakathi kwamabili eline-neon ensomi liyindawo yobuchwepheshe emnyama lapho ikhiyubhu ekhazimulayo enezinhlangothi eziyisithupha isebenza njengokuphela kombala obhekisela kuwo.
- Umbrel — Indawo yomlilo ethokomele egumbini labasizi basebusuku—igumbi elimnyama lapho ukukhanya okukodwa okufana nepentshisi kugqamisa khona okubaluleke ngempela.