Vercel
Terminale stampatu nantu à carta bianca
U sistema di cuncepimentu Vercel hè un eserciziu di monocromia disciplinata: una tela quasi bianca (#fafafa), caratteri neri, bordi fini è una assenza cumpleta di culore decorativu. U linguaghju visuale evoca un terminale di sviluppatore resu in stampa - Geist Sans hè appena leggibile à a scala "eroica" cù un pesu di 400-450 è una spaziatura di lettere di -0.06em, mentre chì Geist Mono applica etichette, metadati è campioni di codice in maiuscule di 11-13px. I buttoni sò raggi nitidi di 6px o rettanguli di neru puru nantu à biancu o biancu nantu à neru. U sistema si basa nantu à u cuntrastu è a ghjerarchia tipografica piuttostu chè u culore, aduprendu u segnu triangulare (▲) è un wordmark di duie righe cum'è unichi elementi di branding. E superfici sò impilate una sopra l'altra in l'ordine #fafafa → #ebebeb → #171717, creendu prufundità attraversu u cambiamentu di i valori tonali piuttostu chè l'ombra o u culore. Ogni elementu hè custruitu annantu à una griglia di 4px cù una densità compatta, chì dà una interfaccia chì ricorda u taccuinu di un ingegnere - precisa, funziunale è senza paura di u spaziu biancu.
U cuntinitore hè largu 1280px, centratu, cù un generosu imbottitura horizontale (24-48px). U bloccu principale usa una cumpusizione asimmetrica à trè zone: un grande titulu à manca, un glifu di marca centratu, è un bloccu "sopracciglia" à diritta. Sottu à u bloccu principale, u cuntenutu hè urganizatu in strisce alternate: una striscia à larghezza piena cù u logu di u cliente, seguita da una sezione "Creatori d'Agenti" à duie colonne cù u titulu à manca è un layout di u produttu à diritta, seguita da una griglia di trè carte cù caratteristiche. E sezioni sò separate da canali verticali di 96-128px senza divisori o offset di fondu. A navigazione hè un unicu pannellu fissu di 64px cù un fondu sfocatu. E griglie di carte utilizanu sistematicamente un layout à duie o trè colonne cù canali di 16-24px. A densità generale hè compatta - u testu hè faciule da leghje, ci hè assai spaziu biancu, ma a dimensione di u carattere è e dimensioni di i cumpunenti impediscenu à a pagina di sembrà ariosa.
L'imagine sò sparse è sempre funziunali. L'elementu visuale principale hè u triangulu neru (▲) - una marca geometrica chì appare cum'è una siluette in sospensione à a scala "maiuscula". I loghi di i clienti nantu à a striscia di prova di cuncettu utilizanu i marchi verbali attuali di ogni marca in scala di grigi. I mockup di i prudutti (interfaccia di chat di Notion, output di u terminal CLI, carta passaportu) sò integrati cum'è screenshots in modalità luce in carte incorniciate. Ùn ci sò fotografie, illustrazioni o elementi 3D - u sistema hè pura tipografia è forme geometriche nantu à carta bianca.
Paletta
Neutru
- Obsidian
#171717— I tituli principali, i bordi di navigazione, u riempimentu di i buttoni scuri è i marcatori di lista sò tutti guasi neri, evitendu durezza è saturazione sgargiante. - Paper White
#fafafa— A tela di a pagina, e superfici di e carte, i riempimenti di luce di i buttoni - questu hè u sfondate standard nantu à u quale si trova tuttu u restu. - Pure White
#ffffff— Superfici di carte in rilievo, inserti, campi di input. - Hairline
#ebebeb— I bordi di 1px nantu à i buttoni, i ligami è e carte sò visibili à livelli di zoom alti, ma invisibili à livelli di zoom bassi. - Ash
#c9c9c9— Testu disattivatu, etichette silenziate, filigrane di marca in i loghi di i clienti. - Smoke
#a8a8a8— Testu secundariu, testu di segnapostu, riempimentu suttile di l'icona.
Tipografia
da 11 à 64px · 6 passi
- Geist Sans — rimpiazzamentu: Inter · contorni 400, 450, 500 · U caratteru principale per l'interfaccia è i tituli hè un sans-serif geometricu cuncipitu persunalizatu da Vercel cù una spaziatura stretta di e lettere à grande dimensione (-0.06em à 56-64px, -0.05em à 30px). Per i tituli in cima à a pagina, hè statu sceltu un pesu 450: più grossu chè Light ma più ligeru chè Semi-Bold, creendu un tonu sicuru, ma micca eccessivu.
- Geist Mono — rimpiazzamentu: JetBrains Mono · contorni 400, 500, 600 · Un carattere secundariu monospaziatu per didascalie, blocchi di codice, pannelli di output CLI, metadati è testu maiusculu. A cumbinazione 8px/600px/maiusculu permette un piazzamentu precisu di picculi segni di parolle. Una spaziatura larga di e lettere (0.071em) in a versione monospaziata furnisce un spaziu ampiu per u testu maiusculu.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | densu |
| Passu basicu | 12px |
| Raggiu di u buttone | 6px |
| Raggiu di a carta | 6px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 96-128px |
| Larghezza di a pagina | 1280px |
L'IA custruisce u vostru situ web in stile Vercel è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Headspace — Un angulu di benessere assulanatu nantu à carta calda
- WHOOP — Laboratoriu di spettaculu à mezanotte - tavule di laburatoriu clinicu bianche sottu à un viotu teatrale neru, un unicu impulsu viulettu d'elettricità
- Together AI — Cunsola di ricerca nantu à carta glaciale
- v0 by Vercel — Disegnu di tornu. A precisione è a funziunalità sò primordiali, cù ogni elementu chì serve un scopu chjaru nantu à una superficia pulita è tecnicamente perfetta.
- Dovetail — Un pianu sottu à una luna nera - linee grafiche appena visibili, caratteri bianchi, una scintilla viola
- Glideapps — tavula da disegnu monocromatica cù una scintilla turchese elettrica
- Timescale — Disegnu d'ingegneria nantu à carta millimetrata calda
- UGLYCASH — Un quaderno cupertu d'adesivi nantu à carta crema emana l'atmosfera di una fintech audace è massimalista chì mostra fieramente u so caos.
- Sprout Social — Un germogliu verde nantu à una lavagna nera. Un accentu luminosu nantu à una tela monocromatica stretta, u culore di a quale hè adupratu solu per l'azione, cù un carattere geometricu sicuru chì serve da segnali.
- Krea — galeria noir à mezanotte
- Evergreen — Serra solare nantu à carta di linu
- Factory — U terminal di a "sala di guerra" à mezanotte. A "fabbrica" hè un pannellu di cuntrollu neru induve una sola carta bianca atterra cum'è un dispacciu illuminatu da una torcia - l'unicu ughjettu in a stanza hè u travagliu stessu.