Vercel
Chosindikizira chosindikizidwa pa pepala loyera
Dongosolo la kapangidwe ka Vercel ndi ntchito yojambula zithunzi za monochrome: nsalu yoyera kwambiri (#fafafa), mtundu wakuda, malire owonda, komanso kusakhalapo konse kwa mtundu wokongoletsera. Chilankhulo chowoneka chimabweretsa chithunzi cha wopanga chomwe chasindikizidwa - Geist Sans sichimveka bwino pa sikelo ya "ngwazi" yokhala ndi kulemera kwa 400-450 ndi mtunda wa zilembo wa -0.06em, pomwe Geist Mono imagwiritsa ntchito zilembo, metadata, ndi zitsanzo zamakhodi mu zipewa za 11-13px. Mabatani ndi akuthwa a 6px radii kapena ma rectangles akuda koyera kapena koyera pakuda. Dongosololi limadalira kusiyana ndi kuyika zilembo m'malo mwa mtundu, pogwiritsa ntchito chizindikiro cha triangular (▲) ndi chizindikiro cha mawu cha mizere iwiri ngati zinthu zokhazo zomwe zimayika chizindikiro. Malo amaikidwa pamwamba pa wina ndi mnzake mu dongosolo la #fafafa → #ebebeb → #171717, kupanga kuya kudzera mukusintha ma tonal values m'malo mwa mthunzi kapena mtundu. Chigawo chilichonse chimamangidwa pa gridi ya 4px yokhala ndi kuchulukana kochepa, zomwe zimapangitsa kuti mawonekedwe ake azifanana ndi a notebook ya injiniya—olondola, ogwira ntchito, komanso osaopa malo oyera.
Chidebecho chili ndi mulifupi wa 1280px, pakati, chokhala ndi malo ozungulira (24-48px). Chidebe chachikulu chimagwiritsa ntchito mawonekedwe a magawo atatu osafanana: mutu waukulu kumanzere, chizindikiro chozungulira pakati, ndi chipika cha "nsidze" kumanja. Pansi pa chipika chachikulu, zomwe zili mkati mwake zimakonzedwa m'mizere yosinthana: mzere wonse wokhala ndi logo ya kasitomala, kutsatiridwa ndi gawo la "Agent Creators" la mizere iwiri yokhala ndi mutu kumanzere ndi kapangidwe ka malonda kumanja, kutsatiridwa ndi gulu la makadi atatu okhala ndi mawonekedwe. Zigawo zimalekanitsidwa ndi mitsinje yoyima ya 96-128px yopanda magawo kapena zochotsera zakumbuyo. Kuyenda ndi gulu limodzi lokhazikika la 64px lokhala ndi maziko osawoneka bwino. Ma gridi a makadi nthawi zonse amagwiritsa ntchito kapangidwe ka mizere iwiri kapena itatu yokhala ndi mitsinje ya 16-24px. Kuchulukana konse ndi kochepa—zolembazo ndizosavuta kuwerenga, pali malo oyera okwanira, koma kukula kwa zilembo ndi kukula kwa zigawo kumalepheretsa tsamba kuti lisamve ngati lopanda mpweya.
Zithunzizo ndi zochepa ndipo nthawi zonse zimagwira ntchito. Chinthu chachikulu chowoneka ndi kansalu kakang'ono kakuda (▲)—chizindikiro cha mtundu chomwe chimawoneka ngati mawonekedwe ozungulira pa sikelo ya "kakulu". Ma logo a kasitomala pa mzere wotsimikizira lingaliro amagwiritsa ntchito zilembo zenizeni za mtundu uliwonse mu grayscale. Ma mockups azinthu (mawonekedwe a Notion a macheza, kutulutsa kwa CLI terminal, khadi la pasipoti) amaikidwa ngati zithunzi zowala mkati mwa makadi okhala ndi mafelemu. Palibe zithunzi, zojambula, kapena zinthu za 3D—dongosololi ndi lolemba lokha komanso mawonekedwe a geometric papepala loyera.
Paleti
Osalowerera
- Obsidian
#171717— Mitu yayikulu, malire oyendera, kudzaza mabatani akuda, ndi zizindikiro za mndandanda zonse zimakhala zakuda kwambiri, kupewa kuuma ndi kukhuta kwambiri. - Paper White
#fafafa— Tsamba la kansalu, malo a khadi, kuwala kwa mabatani—iyi ndi maziko wamba omwe chilichonse chili. - Pure White
#ffffff— Malo okwezedwa a makadi, zoikamo, minda yolowera. - Hairline
#ebebeb— Malire a 1px pa mabatani, maulalo, ndi makadi amawoneka pamlingo wapamwamba wa zoom, koma osawoneka pamlingo wotsika wa zoom. - Ash
#c9c9c9— Malemba oletsedwa, zilembo zotsekedwa, zizindikiro zamadzimadzi za dzina la kampani mu ma logo a kasitomala. - Smoke
#a8a8a8— Malemba ena, mawu oikapo malo, kudzaza chizindikiro chobisika.
Kulemba zilembo
kuyambira 11 mpaka 64px · masitepe 6
- Geist Sans — cholowa m'malo: Inter · mndandanda 400, 450, 500 · Chilembo chachikulu cha mawonekedwe ndi mitu ndi chopangidwa mwapadera cha geometric sans-serif chochokera ku Vercel chokhala ndi malo ocheperako a zilembo zazikulu (-0.06em pa 56-64px, -0.05em pa 30px). Pa mitu yomwe ili pamwamba pa tsamba, kulemera kwa 450 kunasankhidwa: kokhuthala kuposa Kuwala koma kopepuka kuposa Semi-Bold, zomwe zimapangitsa kamvekedwe kodzidalira, koma osati kopitirira muyeso.
- Geist Mono — cholowa m'malo: JetBrains Mono · mndandanda 400, 500, 600 · Fonti yachiwiri yokhala ndi malo amodzi yokhala ndi mawu ofotokozera, ma code blocks, ma CLI output panels, metadata, ndi malembo akuluakulu. Kuphatikiza kwa 8px/600px/malembo akuluakulu kumalola malo olondola a mawu ang'onoang'ono. Kutalikirana kwa zilembo zazikulu (0.071em) mu mtundu umodzi kumapereka malo okwanira a malembo akuluakulu.
Zosintha ndi mawonekedwe
| Cholinga | Tanthauzo |
|---|---|
| Kuchulukana | wokhuthala |
| Gawo loyambira | 12px |
| Utali wa batani | 6px |
| Utali wa khadi | 6px |
| Mithunzi | ayi - malire m'malo mwa mithunzi |
| Pakati pa magawo | 96-128px |
| Kukula kwa tsamba | 1280px |
AI idzamanga tsamba lanu lawebusayiti mu kalembedwe ka Vercel ndikulidzaza
- Dzazani ndi zinthu ndi zolemba kudzera pa ulalo - Instagram, TikTok, Facebook.
- Tumizani zinthu kuchokera patsamba lanu lakale—ingotchulani adilesi.
- Kapangidwe kamakono pa injini yabwino kwambiri: React ( Next.js) yokhala ndi mawonekedwe a seva ndi kukonza SEO koyambirira.
- Kukonza bwino SEO yanu yokha kuti mupeze zotsatira zakusaka ndi malingaliro a netiweki ya neural.
Masitaelo ofanana
- Headspace — Kona yowala bwino pa pepala lofunda
- WHOOP — Labu yochitira zinthu pakati pausiku - matebulo oyera a labu yachipatala pansi pa malo akuda owonetsera zisudzo, kugunda kwamagetsi kofiirira kamodzi
- Together AI — Chokonezo chofufuzira pa pepala la glacial
- v0 by Vercel — Kujambula kwa lathe. Kulondola ndi magwiridwe antchito ndizofunikira kwambiri, ndipo chinthu chilichonse chimagwira ntchito bwino pamalo oyera komanso angwiro.
- Dovetail — Chithunzi chojambulidwa pansi pa mwezi wakuda—mizere ya graph yosaoneka bwino, zilembo zoyera, kuwala kofiirira kamodzi
- Glideapps — tebulo lojambula la monochrome lokhala ndi kuwala kwa turquoise kwamagetsi
- Timescale — Chithunzi chaukadaulo pa pepala lofunda la graph
- UGLYCASH — Kabuku kokhala ndi zomata papepala lofiirira kakuwonetsa mawonekedwe a katswiri wa fintech wolimba mtima komanso wodziwa bwino ntchito yake yemwe amawonetsa chisokonezo chake monyadira.
- Sprout Social — Mphukira yobiriwira pa slate yakuda. Chokongoletsera chimodzi chowala pa nsalu yolimba ya monochrome, yomwe mtundu wake umagwiritsidwa ntchito pongogwira ntchito, ndi zilembo zodalirika zomwe zimagwiritsidwa ntchito ngati zizindikiro.
- Krea — gallery noir pakati pausiku
- Evergreen — Chotenthetsera cha dzuwa pa pepala la nsalu
- Factory — Malo opumira a "chipinda chankhondo" pakati pausiku. "Fakitale" ndi gulu lowongolera lakuda looneka bwino komwe khadi limodzi loyera limagwera ngati chotengera choyatsidwa ndi tochi—chinthu chokhacho chomwe chili m'chipindamo ndi ntchito yokhayo.