Vercel
Tèminal enprime sou papye blan
Sistèm konsepsyon Vercel la se yon egzèsis monokrom disipline: yon twal prèske blan (#fafafa), karaktè nwa, fwontyè mens, ak yon absans total de koulè dekoratif. Langaj vizyèl la raple yon tèminal devlopè ki parèt nan enprime—Geist Sans apèn lizib nan echèl "eroik" la ak yon pwa 400-450 ak yon espasman lèt -0.06em, alòske Geist Mono aplike etikèt, metadone, ak echantiyon kòd nan majiskil 11-13px. Bouton yo se reyon 6px byen file oswa rektang nwa pi sou blan oswa blan sou nwa. Sistèm nan baze sou kontras ak yerachi tipografik olye de koulè, lè l sèvi avèk siy triyangilè a (▲) ak yon mak mo de liy kòm sèl eleman mak yo. Sifas yo anpile youn sou lòt nan lòd #fafafa → #ebebeb → #171717, kreye pwofondè atravè chanjman valè tonal olye de lonbraj oswa koulè. Chak eleman bati sou yon griy 4px ak yon dansite kontra enfòmèl ant, sa ki bay yon koòdone ki fè panse ak kaye yon enjenyè—presi, fonksyonèl, epi ki pa pè espas vid.
Kontenè a gen yon lajè 1280px, li santre, ak yon bon espas orizontal (24-48px). Blòk prensipal la itilize yon konpozisyon asimetrik twa zòn: yon gwo tit sou bò gòch la, yon glif mak santre, ak yon blòk "sousi" sou bò dwat la. Anba blòk prensipal la, kontni an ranje an bann altène: yon bann plen lajè ak logo kliyan an, ki te swiv pa yon seksyon "Kreyatè Ajan" de kolòn ak tit la sou bò gòch la ak yon layout pwodwi sou bò dwat la, ki te swiv pa yon griy twa kat ak karakteristik. Seksyon yo separe pa liy vètikal 96-128px san divizyon oswa dekalaj background. Navigasyon an se yon sèl panèl fiks 64px ak yon background flou. Griy kat yo toujou itilize yon layout de oswa twa kolòn ak liy 16-24px. Dansite jeneral la kontra enfòmèl ant—tèks la fasil pou li, gen anpil espas blan, men gwosè karaktè a ak gwosè konpozan yo anpeche paj la santi l lejè.
Imaj yo pa anpil epi yo toujou fonksyonèl. Eleman vizyèl prensipal la se triyang nwa a (▲)—yon mak jewometrik ki parèt tankou yon silwèt k ap flote nan echèl "majiskil". Logo kliyan yo sou bann prèv konsèp la itilize mo reyèl chak mak an echèl gri. Makèt pwodwi yo (koòdone chat Notion an, rezilta tèminal CLI a, kat paspò a) entegre kòm ekran an mòd limyè nan kat ankadre. Pa gen foto, ilistrasyon, oswa eleman 3D—sistèm nan se tipografi pi ak fòm jewometrik sou papye blan.
Palèt
Netral
- Obsidian
#171717— Tit prensipal yo, fwontyè navigasyon yo, bouton nwa yo, ak makè lis yo tout prèske nwa, pou evite britalite ak saturasyon ki twò klere. - Paper White
#fafafa— Kanva paj la, sifas kat yo, ranpli limyè bouton yo—sa a se background estanda kote tout lòt bagay yo sitiye. - Pure White
#ffffff— Sifas kat ki an relief, foure, chan pou antre. - Hairline
#ebebeb— Bò 1px sou bouton, lyen, ak kat yo vizib lè nivo zoom yo wo, men envizib lè nivo zoom yo ba. - Ash
#c9c9c9— Tèks enfim, etikèt ki pa gen son, filigrane non mak nan logo kliyan yo. - Smoke
#a8a8a8— Tèks segondè, tèks espas vid, ranpli ikon sibtil.
Tipografi
soti nan 11 pou rive nan 64px · 6 etap
- Geist Sans — ranplasman: Inter · plan 400, 450, 500 · Font prensipal pou koòdone nan ak tit yo se yon sans-serif jeyometrik Vercel ki fèt espesyalman pou li, avèk yon espasman lèt sere nan gwo gwosè (-0.06em nan 56-64px, -0.05em nan 30px). Pou tit yo anlè paj la, yo te chwazi yon epesè 450: pi epè pase Light men pi lejè pase Semi-Bold, sa ki kreye yon ton ki gen konfyans, men ki pa twò fò.
- Geist Mono — ranplasman: JetBrains Mono · plan 400, 500, 600 · Yon polis segondè monospaced pou tit, blòk kòd, panèl rezilta CLI, metadone, ak tèks majiskil. Konbinezon 8px/600px/majiskil la pèmèt plasman presi ti mak mo yo. Espasman laj ant lèt yo (0.071em) nan vèsyon monospaced la bay ase espas pou tèks majiskil.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | dans |
| Etap debaz | 12px |
| Reyon bouton | 6px |
| Reyon kat | 6px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 96-128px |
| Lajè paj la | 1280px |
IA ap bati sit entènèt ou a nan style Vercel epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Headspace — Yon kwen byennèt solèy sou papye cho
- WHOOP — Laboratwa pèfòmans a minwi - tab laboratwa klinik blan anba yon vid teyatral nwa, yon sèl pulsasyon elektrisite mov
- Together AI — Konsòl rechèch sou papye glasyè
- v0 by Vercel — Desen tour. Presizyon ak fonksyonalite yo esansyèl, chak eleman sèvi yon objektif klè sou yon sifas pwòp, teknikman pafè.
- Dovetail — Yon plan anba yon lalin nwa—liy graf ki apèn vizib, karaktè blan, yon sèl ti klere mov
- Glideapps — tab desen monokrom ak yon sèl ekla tyrkwa elektrik
- Timescale — Desen enjenyè sou papye graf cho
- UGLYCASH — Yon kaye kouvri ak otokolan sou papye koulè krèm degaje anbyans yon fintech fonse ak maksimalis ki montre fyète dezòd li.
- Sprout Social — Yon boujon vèt sou yon lajwa nwa. Yon aksan klere sou yon twal monokrom strik, koulè a sèlman itilize pou aksyon, ak yon karaktè jeyometrik ki gen konfyans k ap sèvi kòm siy.
- Krea — galeri nwa a minwi
- Evergreen — Sèr solè sou papye twal fin blan
- Factory — Tèminal "sal lagè" a a minwi. "Faktori" a se yon panèl kontwòl nwa byen klè kote yon sèl kat blan ateri tankou yon mesaj ki limen ak yon flach—sèl objè ki nan sal la se travay la li menm.