Vercel
Terminal yakadhindwa papepa jena
Sisitimu yekugadzira yeVercel ibasa rekushandisa monochrome ine hunhu hwakasiyana: kanivhasi chena (#fafafa), rudzi rutema, miganhu mitete, uye kusava neruvara rwekushongedza zvachose. Mutauro unoonekwa unoratidza terminal yemugadziri yakavezwa muchinyorwa—Geist Sans hainyatso verengeki pachikero che "heroic" ine huremu hwe400-450 uye spacing yebhii ye -0.06em, nepo Geist Mono ichishandisa labels, metadata, uye kodhi samples mu 11-13px caps. Mabhatani akapinza 6px radii kana rectangles dzedema chaiyo pachena kana chena padema. Sisitimu iyi inovimba ne contrast uye typographic hierarchy pane ruvara, ichishandisa chiratidzo chetriangular (▲) uye wordmark ine mitsara miviri sezvinhu zve branding chete. Nzvimbo dzakarongwa pamusoro peimwe neimwe mu order #fafafa → #ebebeb → #171717, zvichigadzira kudzika kuburikidza nekuchinja tonal values pane mumvuri kana ruvara. Chinhu chimwe nechimwe chakavakirwa pagridhi ye4px ine huwandu hwakati wandei, zvichiita kuti chiratidziro chifanane nebhuku remainjiniya—chakarurama, chinoshanda, uye chisingatyi nzvimbo chena.
Mudziyo wacho wakafara 1280px, uri pakati, une padding yakakura yakatambanuka (24-48px). Bhokisi guru rinoshandisa chimiro chezvikamu zvitatu zvisina kuenzana: musoro mukuru kuruboshwe, glyph iri pakati, uye "eyebrow" iri kurudyi. Pasi pebhokisi guru, zviri mukati zvakarongwa mumitsara inochinjana: mutsetse wakafara une logo yemutengi, uchiteverwa nechikamu che "Agent Creators" chine makoramu maviri chine musoro kuruboshwe uye dhizaini yechigadzirwa kurudyi, uchiteverwa negridi yemakadhi matatu ane maficha. Zvikamu zvinoparadzaniswa nemagutter akamira e96-128px asina madividers kana background offsets. Navigation ipaneru imwe chete yakasimbiswa ye64px ine background isina kujeka. Magrid emakadhi anogara achishandisa dhizaini yemakoramu maviri kana matatu ane magutter e16-24px. Kuwanda kwese kwacho kwakamanikana—chinyorwa chiri nyore kuverenga, pane nzvimbo chena yakawanda, asi saizi yefonti nehukuru hwezvikamu zvinodzivirira peji kuti rirege kunzwa kunge rakapfava.
Mifananidzo yacho mishoma uye inoshanda nguva dzose. Chinhu chikuru chinoonekwa itriangle nhema (▲)—chiratidzo chemhando yejometri chinoonekwa sechimiro chinotenderera pachiyero che "capital". Ma logo evatengi ari pamutsetse we proof-of-concept anoshandisa zviratidzo zvemashoko chaiwo zvekambani yega yega mu grayscale. Zvifananidzo zvechigadzirwa (Notion's chat interface, CLI terminal output, pasipoti card) zvakaiswa semifananidzo ye light-mode mukati memakadhi ane furemu. Hapana mapikicha, mifananidzo, kana zvinhu zve 3D—system yacho ine typography chaiyo uye maumbirwo ejometri papepa jena.
Palette
Kwakarerekera
- Obsidian
#171717— Misoro mikuru, miganhu yekufamba, mabhatani matema, uye zviratidzo zverondedzero zvese zvinenge zvitema, zvichidzivirira kuomarara uye kusviba. - Paper White
#fafafa— Kanivhasi yemapeji, pamusoro pemakadhi, chiedza chinozadza mabhatani—iyi ndiyo nzvimbo yakajairika iyo zvimwe zvese zviri. - Pure White
#ffffff— Nzvimbo dzemakadhi dzakasimudzwa, nzvimbo dzekuisa, nzvimbo dzekuisa. - Hairline
#ebebeb— Miganhu ye1px pamabhatani, malink, uye makadhi inoonekwa pamazinga ekuwedzera, asi haionekwe pamazinga ekuwedzera akaderera. - Ash
#c9c9c9— Manyoro akaremara, mavara akadzima, mavara emhando yepamusoro ari mumalogo evatengi. - Smoke
#a8a8a8— Rugwaro rwechipiri, rugwaro rwechibatiso, kuzadzisa chiratidzo chemukati.
Kunyora
kubva pa11 kusvika pa64px · nhanho 6
- Geist Sans — kutsiva: Inter · marongero 400, 450, 500 · Font huru yeinterface nemisoro ifonti yakagadzirwa neVercel ine mavara akaenzana nemavara makuru (-0.06em pa56-64px, -0.05em pa30px). Pamusoro pemisoro iri pamusoro peji, huremu hwe450 hwakasarudzwa: hwakakora kupfuura Chiedza asi hwakareruka kupfuura Semi-Bold, zvichigadzira chimiro chine chivimbo, asi chisina kunyanyisa.
- Geist Mono — kutsiva: JetBrains Mono · marongero 400, 500, 600 · Fonti yechipiri ine nzvimbo imwe chete yemashoko ekutsanangura, makodhi, mapaneru ekuburitsa eCLI, metadata, uye magwaro makuru. Musanganiswa we8px/600px/makuru unobvumira kuiswa kwakarurama kwemavara madiki emazwi. Kupatsanurana kwemavara akafara (0.071em) mushanduro ine nzvimbo imwe chete kunopa nzvimbo yakakwana yemagwaro makuru.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | gobvu |
| Danho rekutanga | 12px |
| Radiyo yebhatani | 6px |
| Nharaunda yekadhi | 6px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 96-128px |
| Upamhi hwepeji | 1280px |
AI ichavaka webhusaiti yako nenzira ye Vercel uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Headspace — Kona yezuva ine hutano papepa rinodziya
- WHOOP — Labhoritari yekushanda pakati pehusiku - matafura machena elabhoritari yekiriniki pasi penzvimbo nhema yemitambo, kupenya kwemagetsi kwepepuru kamwe chete
- Together AI — Koni yekutsvagisa papepa rechando
- v0 by Vercel — Kudhirowa kwelathe. Kunyatsoshanda zvakanaka uye kunyatsoshanda zvakanaka ndizvo zvinonyanya kukosha, chinhu chimwe nechimwe chiine basa rakajeka panzvimbo yakachena uye yakakwana.
- Dovetail — Purani iri pasi pemwedzi mutema—mitsara yemagirafu isinganyatsooneki, fonti chena, kupenya kwepepuru kumwe chete
- Glideapps — tafura yekudhirowa ine ruvara rwemonochrome ine turquoise yemagetsi inopenya
- Timescale — Dhirowa yeinjiniya papepa regirafu rinodziya
- UGLYCASH — Kabhuku kane zvinamira kakaputirwa papepa rine ruvara rwekirimu kanoratidza mamiriro enyanzvi yezvemitambo ine ushingi, inonyatsoratidza kusagadzikana kwayo.
- Sprout Social — Chitubu chegirini padombo dema. Chiratidzo chimwe chakajeka pajira rakasimba re monochrome, iro ruvara rwaro rwunoshandiswa chete pakuita basa, nefonti ine hunhu hwe geometric inoshanda sezviratidzo.
- Krea — gallery noir pakati pehusiku
- Evergreen — Greenhouse yezuva iri papepa rerineni
- Factory — Nzvimbo ye "war room" pakati pehusiku. "Factory" iyi ipaneru yekutonga nhema yakajeka apo kadhi rimwe chete jena rinowira serimwe rema "dispatch" anovhenekerwa netochi—chinhu chimwe chete chiri mukamuri ndiro basa racho pacharo.