Vercel
Fehér papírra nyomtatott terminál
A Vercel tervezési rendszer a fegyelmezett monokróm művészet gyakorlata: közel fehér vászon (#fafafa), fekete betűtípus, vékony szegélyek és a díszítő színek teljes hiánya. A vizuális nyelv egy nyomtatott formában megjelenített fejlesztői terminált idéz – a Geist Sans alig olvasható a „heroikus” léptékben 400-450 betűsúlyával és -0,06em betűközével, míg a Geist Mono 11-13 képpontos nagybetűkkel alkalmaz címkéket, metaadatokat és kódmintákat. A gombok éles, 6 képpontos sugarak vagy téglalapok, amelyek tiszta fekete alapon fehér vagy fehér alapon fekete színűek. A rendszer a kontrasztra és a tipográfiai hierarchiára támaszkodik a színek helyett, a háromszögjelet (▲) és a kétsoros szójelet használva egyetlen márkaelemként. A felületek egymásra halmozódnak #fafafa → #ebebeb → #171717 sorrendben, mélységet teremtve a tónusértékek változtatásával, nem pedig árnyék vagy szín használatával. Minden elem egy 4 képpontos, kompakt sűrűségű rácsra épül, ami egy mérnöki jegyzetfüzetre emlékeztető felületet eredményez – precíz, funkcionális és nem fél a fehér terektől.
A konténer 1280 képpont széles, középre igazított, bőséges vízszintes margóval (24-48 képpont). A fő blokk aszimmetrikus, háromzónás kompozíciót használ: bal oldalon egy nagy címsor, középen egy márkajelzés, jobb oldalon pedig egy "szemöldök" blokk. A fő blokk alatt a tartalom váltakozó csíkokban rendeződik: egy teljes szélességű csík az ügyfél logójával, ezt követi egy kétoszlopos "Agent Creators" szakasz, bal oldalon a címsorral és jobb oldalon a termékelrendezéssel, majd három, funkciókat tartalmazó kártyából álló rács. A szekciókat 96-128 képpontos függőleges kötővonalak választják el egymástól, elválasztók vagy háttéreltolások nélkül. A navigáció egyetlen fix, 64 képpontos panel elmosódott háttérrel. A kártyarácsok következetesen két- vagy háromoszlopos elrendezést használnak 16-24 képpontos kötővonalakkal. Az általános sűrűség kompakt – a szöveg könnyen olvasható, bőséges a fehér hely, de a betűméret és az összetevők méretei megakadályozzák, hogy az oldal légiesnek tűnjön.
A képek ritkák és mindig funkcionálisak. A fő vizuális elem a fekete háromszög (▲) – egy geometrikus márkajelzés, amely lebegő sziluettként jelenik meg a „nagybetűs” léptékben. A koncepcióbizonyítási csíkon az ügyféllogók az egyes márkák tényleges szürkeárnyalatos szójegyeit használják. A termékmodellek (a Notion chat felülete, a CLI terminál kimenete, az útlevélkártya) világos módú képernyőképekként vannak beágyazva a bekeretezett kártyákba. Nincsenek fényképek, illusztrációk vagy 3D elemek – a rendszer tiszta tipográfia és geometriai alakzatok fehér papíron.
Paletta
Semleges
- Obsidian
#171717— A főcímek, a navigációs szegélyek, a sötét gombkitöltés és a listajelölők szinte feketék, elkerülve a durvaságot és a rikító telítettséget. - Paper White
#fafafa— Az oldalvászon, a kártya felületei, a gombok fénykitöltései – ez a standard háttér, amelyen minden más található. - Pure White
#ffffff— Kiemelkedő kártyafelületek, betétek, beviteli mezők. - Hairline
#ebebeb— A gombok, linkek és kártyák 1px-es szegélyei nagy nagyítási szinteken láthatók, de alacsony nagyítási szinteken láthatatlanok. - Ash
#c9c9c9— Letiltott szöveg, némított címkék, márkanév-vízjelek az ügyféllogókban. - Smoke
#a8a8a8— Másodlagos szöveg, helyőrző szöveg, finom ikonkitöltés.
Tipográfia
11-től 64 képpontig · 6 lépésben
- Geist Sans — csere: Inter · körvonalak 400, 450, 500 · A kezelőfelület és a címsorok elsődleges betűtípusa a Vercel egyedi tervezésű geometrikus sans-serif betűtípusa, szoros betűközzel a nagy méreteknél (-0,06em 56-64 képpontnál, -0,05em 30 képpontnál). Az oldal tetején lévő címsorokhoz 450-es vastagságot választottunk: vastagabb, mint a Light, de világosabb, mint a Semi-Bold, ami magabiztos, de nem túlzó hangvételt kölcsönöz.
- Geist Mono — csere: JetBrains Mono · körvonalak 400, 500, 600 · Egy fix szélességű másodlagos betűtípus feliratokhoz, kódblokkokhoz, CLI kimeneti panelekhez, metaadatokhoz és nagybetűs szöveghez. A 8px/600px/nagybetűs kombináció lehetővé teszi az apró szójelek precíz elhelyezését. A fix szélességű verzióban a széles betűköz (0,071em) bőséges helyet biztosít a nagybetűs szövegnek.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 12px |
| Gomb sugara | 6px |
| Kártya sugara | 6px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 96-128px |
| Oldal szélessége | 1280px |
A mesterséges intelligencia Vercel stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Headspace — Egy napsütötte wellness sarok meleg papíron
- WHOOP — Éjféli előadóművészi labor - fehér klinikai laborasztalok egy fekete színházi űr alatt, egyetlen lila elektromos impulzus
- Together AI — Kutatókonzol jégpapíron
- v0 by Vercel — Eszterga rajzolás. A pontosság és a funkcionalitás a legfontosabb, minden elemnek egyértelmű célja van egy tiszta, technikailag tökéletes felületen.
- Dovetail — Egy tervrajz a fekete hold alatt – alig látható grafikonvonalak, fehér betűtípus, egyetlen lila csillogás
- Glideapps — monokróm rajzasztal egyetlen elektromos türkiz csillogással
- Timescale — Mérnöki rajz meleg grafikonpapíron
- UGLYCASH — Egy krémszínű papírra írt, matricákkal borított jegyzetfüzet egy merész, maximalista fintech hangulatát árasztja, amely büszkén demonstrálja káoszát.
- Sprout Social — Zöld hajtás fekete palatáblán. Egyetlen élénk akcentus szigorú monokróm vásznon, melynek színe kizárólag a cselekvés jelzésére szolgál, magabiztos geometrikus betűtípussal.
- Krea — galéria noir éjfélkor
- Evergreen — Napelemes üvegház vászonpapíron
- Factory — A „hadiszoba” terminál éjfélkor. A „gyár” egy rideg fekete vezérlőpanel, ahol egyetlen fehér kártya landol, mint egy zseblámpával megvilágított jelzés – a szobában az egyetlen tárgy maga a munka.