Vercel
Itheminali ephrintiwe ephepheni elimhlophe
Uhlelo lokuklama lwe-Vercel luwumsebenzi we-monochrome ehlelekile: i-canvas ecishe ibe mhlophe (#fafafa), uhlobo olumnyama, imingcele emincane, kanye nokungabikho kombala wokuhlobisa ngokuphelele. Ulimi olubonakalayo luveza i-terminal yonjiniyela ebhalwe ngokunyatheliswa—I-Geist Sans ayifundeki kahle esikalini "samaqhawe" enesisindo esingu-400-450 kanye nesikhala sezinhlamvu esingu--0.06em, kuyilapho i-Geist Mono isebenzisa amalebula, i-metadata, namasampula ekhodi kuma-cap angu-11-13px. Izinkinobho zibukhali ngama-radii angu-6px noma ama-rectangles amnyama amsulwa kokumhlophe noma okumhlophe kokumnyama. Uhlelo luthembele ekuhlukeni nasekuhlelekeni kokuthayipha kunombala, kusetshenziswa uphawu oluyinxantathu (▲) kanye nophawu lwamagama olunemigqa emibili njengezinto zokuthengisa kuphela. Izindawo zibekwe phezu komunye nomunye ngokulandelana #fafafa → #ebebeb → #171717, okudala ukujula ngokushintsha amanani ethoni kunokuba kube yisithunzi noma umbala. Into ngayinye yakhiwe phezu kwegridi engu-4px enobukhulu obuncane, okuholela esibonakalayo esifana nencwadi yamanothi yonjiniyela—enembile, esebenzayo, futhi engesabi isikhala esimhlophe.
Isitsha sinobubanzi obungu-1280px, siphakathi nendawo, sinophahla olukhulu oluvundlile (24-48px). Ibhlokhi eliyinhloko lisebenzisa ukwakheka kwezindawo ezintathu okungalingani: isihloko esikhulu ngakwesobunxele, i-glyph yomkhiqizo ephakathi nendawo, kanye nebhlokhi "yeshiya" ngakwesokudla. Ngaphansi kwebhlokhi eliyinhloko, okuqukethwe kuhlelwe ngemigqa eshintshanayo: umugqa obanzi ogcwele onelogo yeklayenti, kulandelwe isigaba se-"Agent Creators" esinamakholomu amabili esinesihloko ngakwesobunxele kanye nokwakheka komkhiqizo ngakwesokudla, kulandelwe igridi yamakhadi amathathu anezici. Izingxenye zihlukaniswe ngama-gutter aqondile angu-96-128px ngaphandle kwezihlukanisi noma ama-offset angemuva. Ukuzulazula kuyiphaneli elilodwa eliqinile elingu-64px elinesizinda esifiphele. Amagridi amakhadi asebenzisa njalo ukwakheka kwamakholomu amabili noma amathathu anama-gutter angu-16-24px. Ubuningi obuphelele buncane—umbhalo kulula ukuwufunda, kunesikhala esimhlophe esanele, kodwa usayizi wefonti nosayizi wezingxenye kuvimbela ikhasi ukuthi lizizwe lipholile.
Izithombe azivamile futhi zihlala zisebenza kahle. Isici esibonakalayo esiyinhloko unxantathu omnyama (▲)—uphawu lomkhiqizo olubonakala njengesimo esijikelezayo esikalini “senhloko-dolobha”. Ama-logo eklayenti emgqeni wobufakazi bomqondo asebenzisa izimpawu zamagama zangempela zomkhiqizo ngamunye ku-grayscale. Ama-mockup omkhiqizo (isikhombikubona sengxoxo sikaNotion, ukuphuma kwe-CLI terminal, ikhadi lepasipoti) afakwe njengezithombe-skrini zemodi yokukhanya ngaphakathi kwamakhadi afakwe ozimele. Azikho izithombe, imifanekiso, noma izakhi ze-3D—uhlelo luwuhlobo lokubhala oluhlanzekile kanye nezimo zejometri ephepheni elimhlophe.
Iphalethi
Okungathathi hlangothi
- Obsidian
#171717— Izihloko eziyinhloko, imingcele yokuzulazula, ukugcwaliswa kwezinkinobho ezimnyama, kanye nezimpawu zohlu konke kucishe kube mnyama, kugwema ukuba nolaka nokugcwala okucwebezelayo. - Paper White
#fafafa— Ikhanvasi yekhasi, ubuso bekhadi, ukukhanya okugcwele izinkinobho—lesi yisizinda esijwayelekile lapho konke okunye kutholakala khona. - Pure White
#ffffff— Izindawo zamakhadi eziphakanyisiwe, izinto ezifakiwe, nezinkambu zokufaka. - Hairline
#ebebeb— Imingcele engu-1px ezinkinobho, izixhumanisi, kanye namakhadi ibonakala emazingeni aphezulu okusondeza, kodwa ayibonakali emazingeni aphansi okusondeza. - Ash
#c9c9c9— Umbhalo okhutshaziwe, amalebula athulisiwe, ama-watermark egama lomkhiqizo kuma-logo eklayenti. - Smoke
#a8a8a8— Umbhalo wesibili, umbhalo wesibambi sendawo, ukugcwaliswa kwesithonjana esicashile.
Ukuthayipha
kusukela ku-11 kuya ku-64px · izinyathelo ezi-6
- Geist Sans — esikhundleni: Inter · izinhlaka 400, 450, 500 · Ifonti eyinhloko yesixhumi esibonakalayo kanye nezihloko iyi-geometric sans-serif eyenziwe ngokwezifiso evela ku-Vercel enesikhala sezinhlamvu eziqinile ngobukhulu obukhulu (-0.06em ku-56-64px, -0.05em ku-30px). Ezihlokweni eziphezulu ekhasini, kukhethwe isisindo esingu-450: sikhulu kunokukhanya kodwa silula kunobukhulu obuncane, okudala ithoni eqinisekile, kodwa engenamandla.
- Geist Mono — esikhundleni: JetBrains Mono · izinhlaka 400, 500, 600 · Ifonti yesibili enesikhala esisodwa yamagama-ncazo, amabhlogo ekhodi, amaphaneli okukhipha e-CLI, imethadatha, kanye nombhalo obhalwe ngosonhlamvukazi. Inhlanganisela engu-8px/600px/osonhlamvukazi omkhulu ivumela ukubekwa okunembile kwamagama amancane. Isikhala sezinhlamvu ezibanzi (0.071em) enguqulweni enesikhala esisodwa sinikeza isikhala esanele sombhalo obhalwe ngosonhlamvukazi.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | minyene |
| Isinyathelo esiyisisekelo | 12px |
| Irediyasi yenkinobho | 6px |
| Irediyasi yekhadi | 6px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 96-128px |
| Ububanzi bekhasi | 1280px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Vercel 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
- Headspace — Ikona lempilo elikhanyayo ephepheni elifudumele
- WHOOP — Ilebhu yokusebenza phakathi kwamabili - amatafula amhlophe elebhu yezokwelapha ngaphansi kwesikhala esimnyama semidlalo yaseshashalazini, ukushaya okukodwa okunsomi kukagesi
- Together AI — Ikhonsoli yocwaningo ephepheni leqhwa
- v0 by Vercel — Ukudweba nge-lathe. Ukunemba nokusebenza kubaluleke kakhulu, lapho into ngayinye isebenzela injongo ecacile endaweni ehlanzekile nephelele ngokobuchwepheshe.
- Dovetail — Umdwebo ongaphansi kwenyanga emnyama—imigqa yegrafu engabonakali kahle, ifonti emhlophe, ukukhanya okumpunga okukodwa
- Glideapps — itafula lokudweba elinombala ofanayo elinokukhanya okukodwa okuluhlaza okwesibhakabhaka okukhazimulayo
- Timescale — Umdwebo wobunjiniyela ephepheni legrafu elifudumele
- UGLYCASH — Incwadi yokubhala enezitikha ephepheni elinombala okhilimu iveza isimo se-fintech enesibindi, ehlakaniphile ekhombisa ngokuziqhenya isiphithiphithi sayo.
- Sprout Social — Ihlumela eliluhlaza esitsheni esimnyama. Isici esisodwa esikhanyayo ku-canvas eqinile ye-monochrome, umbala wayo usetshenziselwa isenzo kuphela, kanye nefonti yejiyometri eqinisekile esebenza njengezimpawu.
- Krea — igalari noir phakathi kwamabili
- Evergreen — I-greenhouse yelanga ephepheni lelineni
- Factory — Itheminali "yegumbi lempi" phakathi kwamabili. "Ifektri" iyiphaneli yokulawula emnyama ekhanyayo lapho ikhadi elilodwa elimhlophe liwela khona njengesibani esikhanyiswe ngethoshi—okuwukuphela kwento egumbini umsebenzi ngokwawo.