Huly
Izibane zaseMantla kwi-Midnight Observatory - umlinganiswa ophambili ngumqadi othe nkqo wombala omfusa onyamalala ube yikorale, kwaye icandelo ngalinye elizolileyo elingaphantsi kwalo liboleka ibali elifanayo elineethoni ezimbini elixelwa ngethoni ethambileyo.
I-Huly ivuselela umoya wendawo yokusebenza yendalo yonke: i-canvas emnyama kakhulu enokukhanya okuluhlaza okwesibhakabhaka okukhanyayo okunqumla kwi-element ephambili, kwaye ngaphantsi kwayo, kukho igridi ethambileyo yokwandisa imveliso. Inkqubo isebenza ngaphakathi koluhlu lwemibala emxinwa—olunye oluluhlaza okwesibhakabhaka olukhanyayo kunye ne-coral enye yenza wonke umsebenzi wophawu ngokuchasene nomphezulu we-graphite onee-layered, ngoko ke imo emnyama ayize ibonakale ingathathi cala. I-typography iyi-Inter-style yayo yonke into esebenzayo, kunye nefonti eyenziwe ngokwezifiso (i-Esbuild) egcinelwe amanqaku aphambili, kunye ne-pitch ye-80–84px kunye ne-aggressive negative letter spacing. Izinto zifana ne-capsule: i-9999px radii kwiilawuli, i-12px kwiikhadi, isithunzi esincinci, kunye nemigca ye-gradient ekhanyayo njengomhombiso ophambili. Iphepha litshintshana phakathi kweendawo ezimnyama zephepha elipheleleyo kunye namacandelo okukhanya okuzolileyo, ngoko nasiphi na isikrini esitsha kufuneka sigqibe ngemo ngaphambi kokukhetha imibala.
Ikhasi lasekhaya elibanzi libonisa ukukhanya okuthe nkqo kwezibane zasentla kunye nesihloko esihambelana nesobunxele, kunye nesithombe-skrini semveliso esibekwe ezantsi ngasekunene. Ngaphantsi kwekhasi lasekhaya kukho indawo yomxholo enobubanzi obuphezulu, i-1200px, imigca emnyama nekhanyayo etshintshanayo. Icandelo ngalinye libhloko enye ethe nkqo: i-header kunye negridi yamakhadi emi-3 okanye emi-4 eyahlulwe zizithuba ze-96px. Icandelo elithi "MetaBrain" liqhekeza igridi ngesihloko esiphakathi kunye ne-mosaic yamakhadi anobukhulu obahlukeneyo (ikhadi elikhulu eliphambili kunye namakhadi amancinci axhasayo). Iphepha linzima kumxholo, lilandela imigangatho ye-SaaS, kodwa lisebenzisa imigca emnyama nekhanyayo etshintshanayo ukunika igumbi ngalinye lomoya. Ukuhambahamba yibha ephezulu ecacileyo enye efiphalayo ibe yi-opaque njengoko uskrola.
Into ephambili yi-aurora gradient ecocekileyo, engenazo iifoto. Yonke imifanekiso yimifanekiso yesikrini yokwenyani ye-UI yemveliso (iKanban kwimo emnyama, ibhokisi engenayo, ikhalenda), efakwe kwifreyimu yamakhadi esebenza njengobungqina kunye nokuhombisa. Akukho zithombe zendlela yokuphila, akukho mifanekiso yesitokhwe, akukho mifanekiso ye-3D. Into ebonakalayo kuphela engahambelaniyo ne-UI kukukhanya okufudumeleyo, okugqabhukileyo kwelanga ezantsi kwe-aurora, okwenziwe njenge-CSS gradient. Ii-icon zii-icon zomgca we-monochrome kwi-#95979 okanye emhlophe, azinazo imibala emininzi. Inkqubo iphatha i-UI yayo emnyama njengento ephambili—imveliso ziifoto.
Iphalethi
Uphawu
- Electric Iris
#5683da— Imvelaphi ephambili, isalathisi sokuhamba esisebenzayo, kunye ne-Northern Lights eqaqambileyo—umbala oluhlaza okwesibhakabhaka oqaqambileyo kwimvelaphi emnyama—idala umbono wokuzibandakanya kunokuba ube ngumsebenzi wenkampani. - Ember Pulse
#ff8964— I-accent yesibini, indawo efudumeleyo yezibane zasentla, indawo yesaziso, kunye nombala oqaqambileyo womfanekiso—umbala oluhlaza okwesibhakabhaka ophula ukusela kotywala kwaye wongeze ubushushu kukukhanya.
Ukungathathi cala
- Obsidian Canvas
#303236— Imvelaphi yephepha, umphezulu obalaseleyo, ngumbala omnyama ofana nobushushu obuncinci, imeko-bume eqhelekileyo kuyo yonke into equlethweyo. - Void
#090a0c— Umaleko onzulu womphezulu wee-gradients kwisikrini esiphambili, imvelaphi ye-modal, kunye neefreyimu ezifanele zihlangane kwi-canvas. - Charcoal Card
#111111— Imiphezulu ephakanyisiweyo eyenziwe ngekhadibhodi kunye neephaneli, ibekwe inyathelo elinye ngaphezulu kwekhava. - Slate Edge
#4a4b50— Imida engabonakaliyo kunye nezahluli kwiindawo ezimnyama - Iron Veil
#6b6c6d— Imvelaphi efipheleyo yeethegi, ukuzaliswa kwezinto kuluhlu, kunye nokuzaliswa okucinyiweyo. - Smoke
#95979e— Iimpawu ze icon, umbhalo owongezelelweyo, kunye nolawulo olungasebenziyo zezona zinto ziphambili ezisebenzayo kwi-medium grey.
Ubhalo lweencwadi
ukusuka kwi-11 ukuya kwi-80px · amanyathelo asibhozo
- Inter — ukutshintshwa: DM Sans · imida 300, 400, 500, 600, 700 · Lonke umbhalo osebenzayo kwi-interface yomsebenzisi—umbhalo womzimba, ukuhambahamba, amaqhosha, izinto zoluhlu, iilebhile, kunye nezihloko ezincinci—usetyenziswa ngobunzima befonti obuyi-500–600 ukugxininisa, i-400 yombhalo womzimba, kunye ne-300 ngokulinganisela kwi-metadata engaphazamisiyo.
- Esbuild — ukutshintshwa: Sora · imida 400, 500, 600 · Umboniso kuphela: izihloko ze-splash, izihloko zecandelo, kunye nezihloko zenqaku le-MetaBrain. I-geometry efinyeziweyo kunye nesithuba soonobumba abaxineneyo kudala umbono wokuba i-84px ilungele umsebenzi wokuhlela kuneeprojekthi ze-SaaS. Ungaze usebenzise ngaphantsi kwe-28px.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | banzi |
| Inyathelo elisisiseko | 12px |
| Irediyasi yeqhosha | 9999px |
| Irediyasi yekhadi | 12px |
| Izithunzi | izithunzi ezithambileyo |
| Phakathi kwamacandelo | 96px |
| Ububanzi bephepha | 1200px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Huly 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
- monday — Indawo yokusebenzela emhlophe enezitikha zepastel
- Slack — Iqonga linombala we-eggplant kunye nezibane ezimhlophe. Umbala weplam onzulu ulawula iindawo ezimnyama, ngelixa i-canvas emhlophe engaqhelekanga ivumela izihloko ezinkulu, ezingaphambili kwegadi ukuba ziphefumle ngokukhululekileyo.
- Base44 — Incwadi yokubhala ekhanyiswe lilanga enephawu lelayimu
- Supahub — Ukukhanya kwelanga okuthambileyo kwi-ride emfusa. I-canvas emhlophe kakhulu, enomoya okhanyayo lilanga elinye elikhanyayo elimfusa, kunye nee-gradient spheres ezihombisayo ezityhila umbala kwindawo engalunganga kunye ne-geometry ejikelezileyo enika umphezulu ngamnye ubunzima obuhle nobubonakalayo.
- Raycast — IZiko loLawulo lwasebusuku, iCoral Neon
- Dimension — indawo yokusebenza ekhanyiswe lilanga eneephaneli zeglasi ezifakwe iqhwa
- Wiza — Indawo yokuhlola izimbiwa ngokuhlwa, igqunywe yinkungu yelavender.
- Paste — Isibane esinombala oluhlaza okwesibhakabhaka esikwimabula emhlophe—uphawu olufudumeleyo lophawu lujikeleza kwindawo enkulu emhlophe, njengefestile ekhanyisiweyo kuphela kwisakhiwo esigqunywe likhephu.
- Reworkd — Ukukhanya kwelanga okuthambileyo kumzobo wemveliso kuphela kombala othetha ngokwawo, liqhosha lesenzo kunye nesihloko segradient esingaphezulu kwayo.
- Reflect Notes — Indawo eneenkwenkwezi eziluhlaza okwesibhakabhaka yindawo yokubuka emnyama apho amanqaku ahamba khona njengeenkwenkwezi ngasemva kobumnyama obungenanto ye-indigo.
- Ameba — Igumbi lolawulo ezinzulwini zobusuku – ukubetha kombane oluhlaza okwesibhakabhaka ngaphakathi kwiiphaneli zeglasi eziqandisiweyo
- Todoist — Indawo yokusebenzela ekhanyiswe lilanga enedayari yephepha - idesika efudumeleyo enekhrimu, amanqaku einki, ipeni enye ebomvu