Vercel
Terminalo presita sur blanka papero
La dezajnsistemo de Vercel estas ekzerco de disciplinita monokroma teksto: preskaŭ blanka kanvaso (#fafafa), nigra tiparo, maldikaj randoj, kaj kompleta foresto de ornama koloro. La vida lingvo elvokas terminalon de programisto prezentitan en presaĵo — Geist Sans estas apenaŭ legebla je la "heroa" skalo kun pezo de 400-450 kaj interspaco inter literoj de -0.06em, dum Geist Mono aplikas etikedojn, metadatenojn kaj kodajn specimenojn en majuskloj de 11-13 rastrumeroj. Butonoj estas akraj 6-rastrumeraj radiusoj aŭ rektanguloj de pura nigra sur blanka aŭ blanka sur nigra. La sistemo dependas de kontrasto kaj tipografia hierarkio anstataŭ koloro, uzante la triangulan signon (▲) kaj dulinian vortmarkon kiel la solajn markigajn elementojn. Surfacoj estas stakigitaj unu sur la alia en la ordo #fafafa → #ebebeb → #171717, kreante profundon per ŝanĝiĝantaj tonaj valoroj anstataŭ ombro aŭ koloro. Ĉiu elemento estas konstruita sur 4-piksela krado kun kompakta denseco, rezultante en interfaco rememoriga pri la notlibro de inĝeniero — preciza, funkcia kaj sentima pri blanka spaco.
La ujo estas 1280 rastrumeroj larĝa, centrita, kun malavara horizontala remburaĵo (24-48 rastrumeroj). La ĉefa bloko uzas nesimetrian tri-zonan komponaĵon: granda titolo maldekstre, marka glifo centrita, kaj "brovo"-bloko dekstre. Sub la ĉefa bloko, la enhavo estas aranĝita en alternaj strioj: plenlarĝa strio kun la emblemo de la kliento, sekvata de du-kolumna sekcio "Agentkreintoj" kun la titolo maldekstre kaj produkta aranĝo dekstre, sekvata de krado de tri kartoj kun trajtoj. Sekcioj estas apartigitaj per vertikalaj deklivoj de 96-128 rastrumeroj sen dividiloj aŭ fonaj delokaĵoj. La navigado estas ununura fiksa 64 rastrumera panelo kun malklara fono. Kartokradoj konstante uzas du- aŭ tri-kolumnan aranĝon kun deklivoj de 16-24 rastrumeroj. La ĝenerala denseco estas kompakta - la teksto estas facile legebla, estas abunda blanka spaco, sed la tipargrandeco kaj komponantaj grandecoj malhelpas la paĝon sentiĝi aera.
La bildoj estas maldensaj kaj ĉiam funkciaj. La ĉefa vida elemento estas la nigra triangulo (▲) — geometria markosigno kiu aperas kiel ŝvebanta silueto je la "majuskla" skalo. Klientaj emblemoj sur la pruvo-de-konceptostrio uzas la faktajn vortmarkojn de ĉiu marko en griza skalo. Produktaj modeloj (babila interfaco de Notion, CLI-terminala eligo, pasporta karto) estas enigitaj kiel helreĝimaj ekranfotoj ene de enkadrigitaj kartoj. Ne estas fotoj, ilustraĵoj aŭ 3D-elementoj — la sistemo estas pura tipografio kaj geometriaj formoj sur blanka papero.
Paletro
Neŭtrala
- Obsidian
#171717— Ĉefaj titoloj, navigaciaj limoj, malhela butonplenigo kaj listaj markiloj estas ĉiuj preskaŭ nigraj, evitante severecon kaj pompaĉan saturiĝon. - Paper White
#fafafa— La paĝkanvaso, la kartsurfacoj, la helaj plenigaĵoj de la butonoj — jen la norma fono, sur kiu ĉio alia troviĝas. - Pure White
#ffffff— Ŝvelintaj kartsurfacoj, enigaĵoj, enigaĵkampoj. - Hairline
#ebebeb— 1-pikselaj borderoj sur butonoj, ligiloj kaj kartoj estas videblaj ĉe altaj zomniveloj, sed nevideblaj ĉe malaltaj zomniveloj. - Ash
#c9c9c9— Malebligita teksto, silentigitaj etikedoj, markonom-akvomarkoj en klientaj emblemoj. - Smoke
#a8a8a8— Dua teksto, provizora teksto, subtila ikonplenigo.
Tipografio
de 11 ĝis 64 rastrumeroj · 6 paŝoj
- Geist Sans — anstataŭaĵo: Inter · konturoj 400, 450, 500 · La ĉefa tiparo por la interfaco kaj titoloj estas speciale dizajnita geometria sanserifo de Vercel kun mallonga interspaco inter literoj ĉe grandaj grandecoj (-0.06em je 56-64 rastrumeroj, -0.05em je 30 rastrumeroj). Por la titoloj ĉe la supro de la paĝo, oni elektis pezon 450: pli dikan ol Light sed pli malpezan ol Duon-Grasan, kreante memfidan, tamen ne troŝarĝan, tonon.
- Geist Mono — anstataŭaĵo: JetBrains Mono · konturoj 400, 500, 600 · Unuspaca duaranga tiparo por apudskriboj, kodblokoj, eligaj paneloj de la komandlinia interlinia komandlinio, metadatenoj kaj majuskla teksto. La kombinaĵo 8px/600px/majuskla permesas precizan lokigon de etaj vortsignoj. Larĝa interspaco inter literoj (0.071em) en la unuspaca versio provizas abundan spacon por majuskla teksto.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | densa |
| Baza paŝo | 12px |
| Butona radiuso | 6px |
| Karto-radiuso | 6px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 96-128px |
| Paĝlarĝo | 1280px |
AI konstruos vian retejon laŭ la stilo de Vercel kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Headspace — Suna bonfarta angulo sur varma papero
- WHOOP — Spektakla laboratorio je noktomezo - blankaj klinikaj laboratoriotabloj sub nigra teatra malpleno, ununura purpura pulso de elektro
- Together AI — Esplorkonzolo sur glacieja papero
- v0 by Vercel — Tornila desegnado. Precizeco kaj funkcieco estas plej gravaj, kie ĉiu elemento servas klaran celon sur pura, teknike perfekta surfaco.
- Dovetail — Skizo sub nigra luno — apenaŭ videblaj grafikaj linioj, blanka tiparo, unu purpura brilo
- Glideapps — monokroma skiztablo kun unu elektra turkisa brilo
- Timescale — Inĝeniera desegnaĵo sur varma grafpapero
- UGLYCASH — Kajero kovrita per glumarkoj sur kremkolora papero elspiras la etoson de aŭdaca, troa financteknologio, kiu fiere montras sian kaoson.
- Sprout Social — Verda ĝermo sur nigra ardezo. Unu hela akcento sur strikta monokroma kanvaso, kies koloro estas uzata nur por agado, kun memfida geometria tiparo servanta kiel vojmontriloj.
- Krea — galerio noir je noktomezo
- Evergreen — Suna forcejo sur linaĵa papero
- Factory — La terminalo "militĉambro" je noktomezo. La "fabriko" estas severa nigra kontrolpanelo kie ununura blanka karto alteriĝas kiel torĉlampolumita forsendo — la sola objekto en la ĉambro estas la verko mem.