Vercel
Isiphelo sendlela esiprintwe ephepheni elimhlophe
Inkqubo yoyilo lweVercel yindlela yokwenza i-monochrome ecwangcisiweyo: i-canvas ephantse ibe mhlophe (#fafafa), uhlobo olumnyama, imida emincinci, kunye nokungabikho kombala wokuhombisa. Ulwimi olubonakalayo lukhumbuza i-terminal yomphuhlisi ebhalwe ngokushicilela—iGeist Sans ayifundeki lula kwisikali "seqhawe" esinobunzima obuyi-400-450 kunye nesithuba soonobumba esiyi--0.06em, ngelixa iGeist Mono isebenzisa iilebheli, i-metadata, kunye neesampulu zekhowudi kwii-caps ze-11-13px. Amaqhosha abukhali yi-6px radii okanye iirectangles zomnyama omsulwa kumhlophe okanye umhlophe kumnyama. Inkqubo ixhomekeke kumahluko kunye noluhlu lweempawu endaweni yombala, isebenzisa uphawu oluyinxantathu (▲) kunye nophawu lwamagama olunemigca emibini njengezona zinto zodwa zophawu. Imiphezulu ibekwe phezu komnye nomnye ngolandelelwano #fafafa → #ebebeb → #171717, idala ubunzulu ngokutshintsha amaxabiso ethoni endaweni yomthunzi okanye umbala. Into nganye yakhiwe kwigridi ye-4px enoxinano oluncinci, nto leyo ebangela ukuba ujongano lufane nolwencwadi yenjineli—oluchanekileyo, olusebenzayo, nolungoyikiyo indawo emhlophe.
Isikhongozeli sibanzi nge-1280px, sisembindini, sinomgca othe tyaba omkhulu (24-48px). Ibhloko ephambili isebenzisa ulwakhiwo olungenamda lweendawo ezintathu: isihloko esikhulu ngasekhohlo, i-glyph yophawu iphakathi, kunye nebhloko "yeeshiya" ngasekunene. Ngaphantsi kwebhloko ephambili, umxholo ucwangciswe ngemigca etshintshanayo: umgca obanzi opheleleyo onophawu lomthengi, ulandelwa licandelo le-"Agent Creators" elinamakholamu amabini kunye nesihloko ngasekhohlo kunye noyilo lwemveliso ngasekunene, kulandelwa yigridi yamakhadi amathathu aneempawu. Amacandelo ahlulwe ziigutter ezithe nkqo ze-96-128px ngaphandle kwezahluli okanye ii-offset zangasemva. Ukuhamba yiphaneli enye ezinzileyo ye-64px enemvelaphi efipheleyo. Iigridi zamakhadi zihlala zisebenzisa uyilo lweekholamu ezimbini okanye ezintathu kunye neegutter ze-16-24px. Uxinano lulonke luncinci—umbhalo kulula ukuwufunda, kukho indawo emhlophe eyaneleyo, kodwa ubungakanani befonti kunye nobukhulu bezinto zithintela iphepha ukuba lizive lipholile.
Imifanekiso ayifumaneki lula kwaye isoloko isebenza. Into ebonakalayo ephambili yinxantathu emnyama (▲)—uphawu lwejiyometri olubonakala njenge-silhouette ejikelezayo kwisikali "esikhulu". Iilogo zabathengi kumcu wobungqina bombono zisebenzisa amagama okwenyani ophawu ngalunye kwi-grayscale. Iimodeli zemveliso (ujongano lwencoko lweNotion, isiphumo sesiphelo se-CLI, ikhadi lepaspoti) zifakwe njengezithombe-skrini zemowudi yokukhanya ngaphakathi kwamakhadi anefreyimu. Akukho zithombe, imifanekiso, okanye izinto ze-3D—inkqubo iluhlobo lokubhala olucocekileyo kunye neemilo zejiyometri kwiphepha elimhlophe.
Iphalethi
Ukungathathi cala
- Obsidian
#171717— Izihloko eziphambili, imida yokuhambahamba, ukuzaliswa kwamaqhosha amnyama, kunye neemaki zoluhlu zonke ziphantse zibe mnyama, ziphepha uburhabaxa kunye nokugcwala okugqithisileyo. - Paper White
#fafafa— I-canvas yephepha, imiphezulu yekhadi, ukukhanya okuzaliswa ngamaqhosha—le yimvelaphi eqhelekileyo apho yonke enye into ibekwe khona. - Pure White
#ffffff— Imiphezulu yamakhadi aphakanyisiweyo, izinto ezifakiweyo, amasimi okufaka. - Hairline
#ebebeb— Imida ye-1px kumaqhosha, iilinki, kunye namakhadi ibonakala kumanqanaba aphezulu okusondeza, kodwa ayibonakali kumanqanaba aphantsi okusondeza. - Ash
#c9c9c9— Umbhalo ongasebenziyo, iilebhile ezivaliweyo, ii-watermarks zamagama ebhrendi kwiilogo zabathengi. - Smoke
#a8a8a8— Umbhalo wesibini, umbhalo wesibambi-ndawo, ukuzaliswa kwe icon engabonakaliyo.
Ubhalo lweencwadi
ukusuka kwi-11 ukuya kwi-64px · amanyathelo ama-6
- Geist Sans — ukutshintshwa: Inter · imida 400, 450, 500 · Ifonti ephambili ye-interface kunye nezihloko yi-geometric sans-serif eyenzelwe wena evela kwiVercel enesithuba esincinci soonobumba ngobukhulu obukhulu (-0.06em kwi-56-64px, -0.05em kwi-30px). Kwizihloko eziphezulu kwiphepha, kukhethwe ubunzima obuyi-450: obukhulu kunoKhanya kodwa bukhaphukhaphu kune-Semi-Bold, nto leyo edala ithoni yokuzithemba, kodwa engeyiyo egqithisileyo.
- Geist Mono — ukutshintshwa: JetBrains Mono · imida 400, 500, 600 · Ifonti yesibini enesithuba esinye see-caption, ii-code blocks, ii-CLI output panels, i-metadata, kunye ne-uppercase text. Indibaniselwano ye-8px/600px/uppercase ivumela ukubekwa ngokuchanekileyo kweempawu zamagama ezincinci. Isithuba esibanzi soonobumba (0.071em) kwinguqulelo enesithuba esinye sinika indawo eyaneleyo yesicatshulwa esinoonobumba abakhulu.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | xinene |
| Inyathelo elisisiseko | 12px |
| Irediyasi yeqhosha | 6px |
| Irediyasi yekhadi | 6px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 96-128px |
| Ububanzi bephepha | 1280px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Vercel 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
- Headspace — Ikona yempilo enelanga ephepheni elifudumeleyo
- WHOOP — Ilebhu yokusebenza ezinzulwini zobusuku - iitafile zelebhu yeklinikhi emhlophe phantsi kwesithuba esimnyama semidlalo yeqonga, umbane omnye omfusa
- Together AI — Ikhonsoli yophando kwiphepha lomkhenkce
- v0 by Vercel — Umzobo we-lathe. Ukuchaneka kunye nokusebenza kubaluleke kakhulu, into nganye isebenzela injongo ecacileyo kumphezulu ococekileyo nogqibeleleyo.
- Dovetail — Iplani phantsi kwenyanga emnyama—imigca yegrafu engabonakaliyo, ifonti emhlophe, ukukhanya okumfusa okukhazimlayo
- Glideapps — itafile yokuzoba enombala omnye kunye ne-electric turquoise sparkle
- Timescale — Umzobo wobunjineli kwiphepha legrafu efudumeleyo
- UGLYCASH — Incwadi yokubhala egqunywe zizitikha ephepheni elinombala okhrimu ibonakalisa imeko ye-fintech enesibindi, enobuchule bokusebenzisa ubuchule obuphezulu ebonisa ngokuzingca isiphithiphithi sayo.
- Sprout Social — Ihlumela eliluhlaza kwislate emnyama. I-accent enye eqaqambileyo kwi-canvas ecacileyo ye-monochrome, umbala wayo usetyenziselwa isenzo kuphela, kunye nefonti yejometri ethembekileyo esebenza njengeempawu.
- Krea — igalari noir ezinzulwini zobusuku
- Evergreen — Indlu eluhlaza yelanga ephepheni lelinen
- Factory — Isiphelo se "war room" ezinzulwini zobusuku. "Ifektri" yiphaneli yokulawula emnyama ecacileyo apho ikhadi elinye elimhlophe liwela khona njengesixhobo esikhanyiswe yitotshi—into ekuphela kwayo egumbini ngumsebenzi ngokwawo.