Vercel
Terminal lagu daabacay warqad cad
Nidaamka naqshadeynta Vercel waa jimicsi ku jira qaab-dhismeed isku-dhafan: shiraac cad oo u dhow (#fafafa), nooc madow, xuduudo khafiif ah, iyo maqnaansho dhammaystiran oo midab qurxin ah. Luqadda muuqaalku waxay soo jiidataa terminal-ka horumariyaha ee lagu sameeyay daabacaadda - Geist Sans si dhib yar ayaa loo akhrin karaa miisaanka "geesinimada" iyadoo miisaankiisu yahay 400-450 iyo kala-goynta xarafka -0.06em, halka Geist Mono uu adeegsado calaamadaha, metadata, iyo muunadaha koodhka ee koofiyadaha 11-13px. Badhamada waa 6px radii fiiqan ama leydi madow saafi ah oo caddaan ah ama caddaan ah oo madow ah. Nidaamku wuxuu ku tiirsan yahay isbarbardhigga iyo kala-soocidda qoraalka halkii uu ka ahaan lahaa midabka, isagoo adeegsanaya calaamadda saddex-geesoodka ah (▲) iyo calaamadda ereyada laba-xariiq leh oo ah walxaha kaliya ee summadaynta. Dusha sare waxaa lagu dul dulsaaray midba midka kale iyadoo loo eegayo #fafafa → #ebebeb → #171717, taasoo abuuraysa qoto dheer iyada oo la beddelayo qiimaha tonal halkii laga hoos mari lahaa hooska ama midabka. Walax kasta waxaa lagu dhisay shabag 4px ah oo leh cufnaan isku dhafan, taasoo keentay is-dhexgal u eg buug-gacmeedka injineerka - sax ah, shaqeynaya, iyo mid aan ka baqayn booska cad.
Weelku waa 1280px ballaaran, oo dhexda ku jira, oo leh dahaadh toosan oo ballaaran (24-48px). Baloogga ugu weyn wuxuu isticmaalaa qaab saddex-aag ah oo aan sinnayn: cinwaan weyn oo bidixda ku yaal, calaamad glyph ah oo bartamaha ku taal, iyo baloog "sunniyo" oo dhinaca midig ku yaal. Hoosta baloogga ugu weyn, waxa ku jira waxaa loo habeeyay xarriijimo is beddel ah: xarriijimo ballaaran oo leh astaanta macmiilka, oo ay ku xigto qayb laba-tiir ah oo "Agent Creators" ah oo leh cinwaanka bidixda iyo qaab-dhismeedka badeecada ee dhinaca midig, oo ay ku xigto shabag saddex kaar ah oo leh astaamo. Qaybaha waxaa kala soocaya marinno toosan oo 96-128px ah iyada oo aan lahayn qaybiyayaal ama ka-beddello gadaal ah. Navigation-ku waa guddi keliya oo 64px ah oo go'an oo leh asal khafiif ah. Shabagyada kaarku waxay si joogto ah u isticmaalaan qaab laba ama saddex-tiir ah oo leh marinno 16-24px ah. Cufnaanta guud waa mid yar - qoraalku waa mid si fudud loo akhrin karo, waxaa jira meel bannaan oo cad, laakiin cabbirka farta iyo cabbirrada qaybaha ayaa ka hortagaya bogga inuu dareemo hawo.
Sawirradu waa kuwo aan badnayn oo had iyo jeer shaqeynaya. Qaybta ugu muhiimsan ee muuqaalka waa saddexagal madow (▲)—calaamad summad joomatari ah oo u muuqata qaab sawireed oo dul heehaabaysa miisaanka "capital". Calaamadaha macaamiisha ee ku yaal xarigga caddaynta fikradda waxay isticmaalaan calaamadaha dhabta ah ee summad kasta oo ku qoran cabbirka cawlan. Majaajilada badeecada (is-dhexgalka sheekaysiga Notion, wax soo saarka terminalka CLI, kaarka baasaboorka) waxaa lagu dhejiyay shaashado qaab iftiin ah oo ku jira kaararka qaabaysan. Ma jiraan sawirro, sawirro, ama walxo 3D ah—nidaamku waa qaab-dhismeed saafi ah iyo qaabab joomatari oo ku yaal warqad cad.
Paleetka
Dhexdhexaad
- Obsidian
#171717— Cinwaanada ugu muhiimsan, xuduudaha socodka, buuxinta badhanka madow, iyo calaamadaha liisku dhammaantood waa madow, iyagoo ka fogaanaya qallafsanaanta iyo dhereg la'aanta. - Paper White
#fafafa— Shaashadda bogga, dusha sare ee kaararka, nalka buuxiya badhamada - kani waa asalka caadiga ah ee wax walba oo kale ku yaalliin. - Pure White
#ffffff— Dusha sare ee kaararka, gelinta, iyo goobaha gelinta. - Hairline
#ebebeb— Xuduudaha 1px ee badhamada, isku xirka, iyo kaararka ayaa lagu arki karaa heerarka zoom-ka sare, laakiin lama arki karo heerarka zoom-ka hooseeya. - Ash
#c9c9c9— Qoraal naafo ah, calaamado la qariyay, calaamadda calaamadda summada ee ku jirta astaanta macaamiisha. - Smoke
#a8a8a8— Qoraal labaad, qoraal meel-hayaha, iyo buuxinta astaanta qarsoon.
Nooca qoraalka
laga bilaabo 11 ilaa 64px · 6 tallaabo
- Geist Sans — beddelka: Inter · dulmar guud 400, 450, 500 · Farta ugu weyn ee is-dhexgalka iyo cinwaanada waa qaab joomatari ah oo loo qaabeeyey sans-serif oo ka yimid Vercel oo leh kala fogaanshaha xarfaha oo cidhiidhi ah oo cabbirro waaweyn leh (-0.06em at 56-64px, -0.05em at 30px). Cinwaanada ku yaal xagga sare ee bogga, waxaa la doortay miisaan 450 ah: ka dhumuc weyn Fudud laakiin ka fudud Semi-Bold, taasoo abuureysa cod kalsooni leh, laakiin aan aad u adkayn.
- Geist Mono — beddelka: JetBrains Mono · dulmar guud 400, 500, 600 · Farta labaad ee hal-ku-dhegga ah ee loogu talagalay qoraallada, baloogyada koodhka, guddiyada wax soo saarka CLI, metadata, iyo qoraalka xarfaha waaweyn. Isku-darka 8px/600px/xarafka weyn wuxuu u oggolaanayaa meelaynta saxda ah ee calaamadaha yaryar ee ereyada. Kala-fogaanshaha xarfaha ballaaran (0.071em) ee nooca hal-ku-dhegga ah wuxuu bixiyaa meel ku filan oo loogu talagalay qoraalka xarfaha waaweyn.
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | cufan |
| Tallaabada aasaasiga ah | 12px |
| Gacanka badhanka | 6px |
| Gacanka kaarka | 6px |
| Hooska | maya - xuduudaha halkii laga isticmaali lahaa hooska |
| Inta u dhaxaysa qaybaha | 96-128px |
| Ballaca bogga | 1280px |
AI waxay website-kaaga ku dhisi doontaa qaabka Vercel oo ay buuxin doontaa
- Ku buuxi alaabada iyo qoraallada adoo adeegsanaya xiriirka - Instagram, TikTok, Facebook.
- Ku wareeji macluumaadka boggaagii hore—kaliya sheeg cinwaanka.
- Naqshad casri ah oo ku jirta matoorka ugu fiican: React ( Next.js) oo leh qaabaynta server-ka iyo hagaajinta SEO oo aan la hubin.
- Hagaajinta SEO si buuxda oo otomaatig ah oo loogu talagalay natiijooyinka raadinta iyo talooyinka shabakadda neerfaha.
Qaabab isku mid ah
- Headspace — Gees caafimaad oo qorax leh oo ku yaal warqad diiran
- WHOOP — Shaybaarka waxqabadka saqda dhexe - miisaska shaybaarka ee cadcad ee hoos yimaada madhan tiyaatar madow, hal garaac oo koronto guduudan ah
- Together AI — Qalabka cilmi-baarista ee warqadda barafka
- v0 by Vercel — Sawiridda laambadaha. Saxnaanta iyo shaqadu waa muhiim, iyadoo walax kastaa ay u adeegto ujeedo cad oo saaran dusha nadiif ah oo farsamo ahaan kaamil ah.
- Dovetail — Naqshad yar oo dayax madow hoostiis ah—khadadka garaafka oo aan si fudud loo arki karin, far cad, iyo hal dhalaal guduudan
- Glideapps — Miis qabyo-qoraal oo monochrome ah oo leh hal dhalaal turquoise koronto ah
- Timescale — Sawir gacmeed injineernimo oo ku saabsan warqad garaaf diirran
- UGLYCASH — Buug xusuus-qor ah oo lagu dahaadhay istiikar oo ku yaal warqad midab kareem ah ayaa muujinaya jawiga fintech geesinimo leh oo aad u sarreeya kaas oo si sharaf leh u soo bandhigaya fowdadiisa.
- Sprout Social — Biqil cagaaran oo ku yaal saqaf madow. Hal lahjad dhalaalaya oo ku taal shiraac adag oo monochrome ah, oo midabkeedu loo isticmaalo ficil ahaan oo keliya, oo leh far joomatari oo kalsooni leh oo u adeegta sidii calaamado.
- Krea — gallery noir saqda dhexe
- Evergreen — aqalka dhirta lagu koriyo ee qoraxda ku jirta oo ku taal warqad linen ah
- Factory — Saldhigga "qolka dagaalka" saqda dhexe. "Warshaddu" waa guddi kontorool oo madow oo aad u adag halkaas oo hal kaar oo cad uu ku soo dego sida shidista toosh-shidaalka - shayga kaliya ee qolka ku jira waa shaqada lafteeda.