Vercel
An buga Tashar a kan farin takarda
Tsarin ƙira na Vercel wani aiki ne na monochrome mai tsari: zane mai kusan fari (#fafafa), nau'in baƙi, kan iyakoki masu siriri, da kuma rashin cikakken launin ado. Harshen gani yana nuna ƙarshen mai haɓakawa wanda aka buga a cikin bugawa - Geist Sans ba shi da sauƙin karantawa a sikelin "jarumi" tare da nauyin 400-450 da tazarar haruffa na -0.06em, yayin da Geist Mono ke amfani da lakabi, metadata, da samfuran lamba a cikin murabba'i 11-13px. Maɓallan suna da kaifi radi 6px ko murabba'i masu kaifi na baƙi mai tsabta akan fari ko fari akan baƙi. Tsarin ya dogara da bambanci da tsarin rubutu maimakon launi, ta amfani da alamar triangle (▲) da alamar kalma mai layi biyu a matsayin abubuwan alama guda ɗaya kawai. Ana tara saman saman juna a cikin tsari #fafafa → #ebebeb → #171717, ƙirƙirar zurfi ta hanyar canza ƙimar sautuka maimakon inuwa ko launi. An gina kowane abu a kan grid mai girman 4px tare da ƙaramin yawa, wanda ke haifar da hanyar sadarwa kamar littafin rubutu na injiniya - daidaitacce, aiki, kuma ba tare da tsoron sararin samaniya ba.
Akwatin yana da faɗi 1280px, tsakiya, tare da babban madauri a kwance (24-48px). Babban madauri yana amfani da tsarin sassa uku marasa daidaituwa: babban kanun labarai a hagu, alamar glyph a tsakiya, da kuma toshe "gira" a dama. A ƙasan babban madauri, an shirya abubuwan da ke ciki a layuka masu canzawa: cikakken madauri tare da tambarin abokin ciniki, sannan sai sashin "Agent Creators" mai ginshiƙi biyu tare da kanun labarai a hagu da kuma tsarin samfur a dama, sannan sai grid na katunan uku tare da fasali. An raba sassan ta hanyar madauri a tsaye na 96-128px ba tare da rabawa ko canje-canje na bango ba. Kewaya allon 64px ne guda ɗaya da aka gyara tare da bango mara haske. Grid na kati koyaushe yana amfani da tsarin ginshiƙi biyu ko uku tare da madauri 16-24px. Yawan gabaɗaya yana da ƙanƙanta - rubutun yana da sauƙin karantawa, akwai sarari mai yawa na fari, amma girman rubutu da girman sassan suna hana shafin jin iska.
Hotunan ba su da yawa kuma koyaushe suna aiki. Babban abin gani shine alwatika baƙi (▲) - alamar alama ta geometric wacce ke bayyana a matsayin siffa mai shawagi a sikelin "babban". Tambayoyin abokin ciniki akan tsiri na tabbatar da ra'ayi suna amfani da ainihin alamun kowace alama a cikin launin toka. Ana saka samfuran (hanyar tattaunawa ta Notion, fitowar tashar CLI, katin fasfo) azaman hotunan allo na yanayin haske a cikin katunan da aka tsara. Babu hotuna, zane-zane, ko abubuwan 3D - tsarin shine tsantsar rubutu da siffofi na geometric akan farin takarda.
Palette
Tsaka-tsaki
- Obsidian
#171717— Manyan kanun labarai, iyakokin kewayawa, cike maɓallan duhu, da alamun jerin abubuwa duk kusan baƙi ne, suna guje wa tauri da cikar abubuwa. - Paper White
#fafafa— Zane na shafi, saman katin, hasken maɓallan da ke cike da haske - wannan shine asalin bango da aka sanya komai a kai. - Pure White
#ffffff— Fafukan kati masu ɗagawa, abubuwan da aka saka, da filayen shigarwa. - Hairline
#ebebeb— Ana iya ganin iyakokin maɓallai, hanyoyin haɗi, da katunan 1px a manyan matakan zuƙowa, amma ba a iya gani a ƙananan matakan zuƙowa. - Ash
#c9c9c9— Rubutu mara aiki, lakabin da aka yi shiru, alamun alamar kasuwanci a cikin tambarin abokin ciniki. - Smoke
#a8a8a8— Rubutu na biyu, rubutun mai riƙe wuri, cikewar gumaka masu sauƙi.
Rubutu
daga 11 zuwa 64px · Matakai 6
- Geist Sans — maye gurbin: Inter · zane-zane 400, 450, 500 · Babban font ɗin da aka yi amfani da shi don haɗawa da kanun labarai an tsara shi ne ta hanyar amfani da tsarin sans-serif na Vercel wanda aka tsara musamman tare da tazara mai tsauri a manyan girma (-0.06em a 56-64px, -0.05em a 30px). Ga kanun labarai da ke saman shafin, an zaɓi nauyin 450: ya fi kauri fiye da Haske amma ya fi sauƙi fiye da Semi-Bold, yana ƙirƙirar sautin da ke da tabbaci, amma ba mai tsauri ba.
- Geist Mono — maye gurbin: JetBrains Mono · zane-zane 400, 500, 600 · Tsarin rubutu na biyu mai sarari ɗaya don rubutun kalmomi, tubalan lambobi, bangarorin fitarwa na CLI, metadata, da rubutu na manyan haruffa. Haɗin 8px/600px/babban haruffa yana ba da damar sanya ƙananan alamun kalmomi daidai. Faɗin tazara mai faɗi (0.071em) a cikin sigar mai sarari ɗaya yana ba da isasshen sarari don manyan haruffa.
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | mai yawa |
| Mataki na asali | 12px |
| Maɓallin radius | 6px |
| Radius na kati | 6px |
| Inuwar | babu - iyakoki maimakon inuwa |
| Tsakanin sassa | 96-128px |
| Faɗin shafi | 1280px |
AI za ta gina gidan yanar gizonku a cikin salon Vercel kuma ta cika shi
- Cika da samfura da rubuce-rubuce ta hanyar hanyar haɗin yanar gizo - Instagram, TikTok, Facebook.
- Canja wurin abun ciki daga tsohon shafinka—kawai ka ƙayyade adireshin.
- Tsarin zamani akan mafi kyawun injin: React ( Next.js) tare da nuna sabar da inganta SEO daga cikin akwatin.
- Ingantaccen SEO mai sarrafa kansa don sakamakon bincike da shawarwarin hanyar sadarwa ta jijiyoyi.
Salo makamantansu
- Headspace — Kusurwar lafiya mai rana a kan takarda mai dumi
- WHOOP — Dakin gwaje-gwaje da tsakar dare - fararen teburan dakin gwaje-gwaje na asibiti a ƙarƙashin baƙar fata, bugun wutar lantarki mai launin shunayya ɗaya
- Together AI — Na'urar bincike akan takarda mai walƙiya
- v0 by Vercel — Zane na lathe. Daidaito da aiki sune mafi mahimmanci, tare da kowane abu yana aiki da manufa mai haske akan farfajiya mai tsabta da cikakkiyar fasaha.
- Dovetail — Taswirar da ke ƙarƙashin wata mai duhu - layukan jadawali da ba a iya gani sosai, farar rubutu, walƙiya ɗaya mai launin shunayya
- Glideapps — Teburin zane mai launin monochrome tare da walƙiya mai walƙiya ta lantarki guda ɗaya
- Timescale — Zane-zanen injiniya akan takarda mai ɗumi
- UGLYCASH — Littafin rubutu mai sitika a kan takarda mai launin kirim yana nuna yanayin fintech mai ƙarfin hali da kuma ƙarfin hali wanda ke nuna rudaninsa da alfahari.
- Sprout Social — Wani tsiro mai launin kore a kan baƙar fata. Wani lafazi mai haske a kan zane mai launin monochrome mai tsauri, wanda launinsa ake amfani da shi kawai don aiki, tare da rubutun geometric mai ƙarfi wanda ke aiki azaman alamun alama.
- Krea — gallery noir at midnight
- Evergreen — Kofin hasken rana akan takarda lilin
- Factory — Tashar "ɗakin yaƙi" da tsakar dare. "Masana'antar" wani babban allo ne na sarrafawa inda kati ɗaya fari ya faɗi kamar walƙiya - abin da kawai ke cikin ɗakin shine aikin da kansa.