Vercel
Terminal, natisnjen na belem papirju
Oblikovalski sistem Vercel je vaja v discipliniranem monokromatskem načinu: skoraj belo platno (#fafafa), črna pisava, tanki robovi in popolna odsotnost dekorativne barve. Vizualni jezik spominja na razvijalčev terminal, upodobljen v tisku – Geist Sans je v "junaškem" merilu komaj berljiv s težo 400–450 in razmikom med črkami -0,06 em, medtem ko Geist Mono uporablja oznake, metapodatke in vzorce kode v velikih črkah velikosti 11–13 slikovnih pik. Gumbi so ostri radiji 6 slikovnih pik ali pravokotniki čiste črne barve na beli ali bele barve na črni. Sistem se zanaša na kontrast in tipografsko hierarhijo namesto na barvo, pri čemer uporablja trikotni znak (▲) in dvovrstično besedno znamko kot edina elementa blagovne znamke. Površine so zložene druga na drugo v vrstnem redu #fafafa → #ebebeb → #171717, kar ustvarja globino s spreminjanjem tonskih vrednosti in ne s senco ali barvo. Vsak element je zgrajen na mreži 4px z kompaktno gostoto, kar ima za posledico vmesnik, ki spominja na inženirski zvezek – natančen, funkcionalen in se ne boji belega prostora.
Vsebnik je širok 1280 slikovnih pik, centriran, z obilnim vodoravnim odmikom (24–48 slikovnih pik). Glavni blok uporablja asimetrično triconsko kompozicijo: velik naslov na levi, glif blagovne znamke na sredini in blok»obrvi« na desni. Pod glavnim blokom je vsebina razporejena v izmeničnih črtah: črta polne širine z logotipom stranke, ki ji sledi razdelek»Agent Creators« z dvema stolpcema, naslovom na levi in postavitvijo izdelka na desni, sledi pa mreža treh kartic s funkcijami. Razdelki so ločeni z navpičnimi robovi velikosti 96–128 slikovnih pik brez razdelkov ali odmikov ozadja. Navigacija je ena sama fiksna plošča velikosti 64 slikovnih pik z zamegljenim ozadjem. Mreže kartic dosledno uporabljajo postavitev z dvema ali tremi stolpci z robovi velikosti 16–24 slikovnih pik. Celotna gostota je kompaktna – besedilo je lahko berljivo, veliko je belega prostora, vendar velikost pisave in velikosti komponent preprečujejo, da bi stran delovala zračno.
Slike so redke in vedno funkcionalne. Glavni vizualni element je črni trikotnik (▲) – geometrijski znak blagovne znamke, ki se v merilu»velikih črk« pojavi kot lebdeča silhueta. Logotipi strank na traku za dokazilo koncepta uporabljajo dejanske besedne znamke posameznih blagovnih znamk v sivini. Makete izdelkov (vmesnik za klepet Notion, izhod terminala CLI, kartica za potni list) so vdelane kot posnetki zaslona v svetlem načinu znotraj uokvirjenih kartic. Ni fotografij, ilustracij ali 3D-elementov – sistem je čista tipografija in geometrijske oblike na belem papirju.
Paleta
Nevtralno
- Obsidian
#171717— Glavni naslovi, obrobe za navigacijo, temno polnilo gumbov in označevalci seznamov so skoraj črni, kar preprečuje ostrino in kričečo nasičenost. - Paper White
#fafafa— Platno strani, površine kartic, svetli polnila gumbov – to je standardno ozadje, na katerem se nahaja vse ostalo. - Pure White
#ffffff— Dvignjene površine kartic, vložki, vnosna polja. - Hairline
#ebebeb— 1px robovi na gumbih, povezavah in karticah so vidni pri visokih stopnjah povečave, pri nizkih stopnjah povečave pa nevidni. - Ash
#c9c9c9— Onemogočeno besedilo, utišane oznake, vodni žigi blagovnih znamk v logotipih strank. - Smoke
#a8a8a8— Sekundarno besedilo, besedilo rezerviranega mesta, subtilno zapolnitev ikon.
Tipografija
od 11 do 64 slikovnih pik · 6 korakov
- Geist Sans — zamenjava: Inter · obrisi 400, 450, 500 · Primarna pisava za vmesnik in naslove je po meri oblikovana geometrijska sans-serifna pisava podjetja Vercel z majhnim razmikom med črkami pri velikih velikostih (-0,06 em pri 56–64 slikovnih pik, -0,05 em pri 30 slikovnih pik). Za naslove na vrhu strani je bila izbrana debelina 450: debelejša od pisave Light, vendar lažja od Semi-Bold, kar ustvarja samozavesten, a ne vsiljiv ton.
- Geist Mono — zamenjava: JetBrains Mono · obrisi 400, 500, 600 · Enopravno razporejena sekundarna pisava za napise, bloke kode, izhodne plošče CLI, metapodatke in besedilo z velikimi črkami. Kombinacija 8px/600px/velikih črk omogoča natančno postavitev drobnih besednih oznak. Širok razmik med črkami (0,071em) v enorazporejeni različici zagotavlja dovolj prostora za besedilo z velikimi črkami.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | gosta |
| Osnovni korak | 12px |
| Polmer gumba | 6px |
| Polmer kartice | 6px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 96-128px |
| Širina strani | 1280px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Vercel in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Headspace — Sončen kotiček dobrega počutja na toplem papirju
- WHOOP — Laboratorij za performans ob polnoči - bele klinične laboratorijske mize pod črno gledališko praznino, en sam vijoličen impulz električne energije
- Together AI — Raziskovalna konzola na ledeniškem papirju
- v0 by Vercel — Risba na stružnici. Natančnost in funkcionalnost sta najpomembnejši, saj vsak element služi jasnemu namenu na čisti, tehnično brezhibni površini.
- Dovetail — Načrt pod črno luno – komaj vidne črte grafa, bela pisava, ena vijolična iskra
- Glideapps — enobarvna risalna miza z enim električnim turkiznim leskom
- Timescale — Inženirska risba na toplem milimetrskem papirju
- UGLYCASH — Zvezek na kremnem papirju, prekrit z nalepkami, izžareva vzdušje drznega, maksimalistčnega fintecha, ki ponosno razkazuje svoj kaos.
- Sprout Social — Zeleni kalček na črnem skrilavcu. En svetel poudarek na strogem enobarvnem platnu, katerega barva se uporablja le za dogajanje, z samozavestno geometrijsko pisavo, ki služi kot smerokaz.
- Krea — galerija noir ob polnoči
- Evergreen — Sončni rastlinjak na lanenem papirju
- Factory — Terminal "vojne sobe" ob polnoči. "Tovarna" je črna nadzorna plošča, kjer pristane ena sama bela kartica kot s svetilko osvetljeno sporočilo – edini predmet v sobi je delo samo.