Vercel
Terminal stampat fuq karta bajda
Is-sistema tad-disinn Vercel hija eżerċizzju ta' monokromu dixxiplinat: kanvas kważi abjad (#fafafa), tipa sewda, borduri rqaq, u assenza kompleta ta' kulur dekorattiv. Il-lingwaġġ viżwali jevoka terminal ta' żviluppatur mogħti stampat—Geist Sans bilkemm jinqara fuq skala "erojka" b'piż ta' 400-450 u spazjar tal-ittri ta' -0.06em, filwaqt li Geist Mono japplika tikketti, metadata, u kampjuni ta' kodiċi f'kapitoli ta' 11-13px. Il-buttuni huma raġġi preċiżi ta' 6px jew rettangoli ta' iswed pur fuq abjad jew abjad fuq iswed. Is-sistema tiddependi fuq il-kuntrast u l-ġerarkija tipografika aktar milli fuq il-kulur, billi tuża s-sinjal trijangulari (▲) u wordmark ta' żewġ linji bħala l-uniċi elementi tal-branding. L-uċuħ huma mqiegħda fuq xulxin fl-ordni #fafafa → #ebebeb → #171717, u joħolqu fond billi jinbidlu l-valuri tonali aktar milli d-dell jew il-kulur. Kull element huwa mibni fuq grilja ta' 4px b'densità kompatta, li tirriżulta f'interfaċċja li tfakkar fin-notebook ta' inġinier—preċiża, funzjonali, u bla biża' mill-ispazju abjad.
Il-kontenitur huwa wiesa' 1280px, iċċentrat, b'padding orizzontali ġeneruż (24-48px). Il-blokk prinċipali juża kompożizzjoni asimmetrika bi tliet żoni: titlu kbir fuq ix-xellug, glifu tal-marka ċċentrat, u blokk "eyebrow" fuq il-lemin. Taħt il-blokk prinċipali, il-kontenut huwa rranġat fi strixxi alternanti: strixxa b'wisa' sħiħa bil-logo tal-klijent, segwita minn taqsima b'żewġ kolonni "Agent Creators" bit-titlu fuq ix-xellug u tqassim tal-prodott fuq il-lemin, segwita minn grilja ta' tliet karti b'karatteristiċi. It-taqsimiet huma separati minn gutters vertikali ta' 96-128px mingħajr diviżuri jew offsets fl-isfond. In-navigazzjoni hija panel fiss wieħed ta' 64px bi sfond imċajpar. Il-grilji tal-karti jużaw b'mod konsistenti tqassim b'żewġ jew tliet kolonni b'gutters ta' 16-24px. Id-densità ġenerali hija kompatta—it-test huwa faċli biex jinqara, hemm biżżejjed spazju abjad, iżda d-daqs tat-tipa u d-daqsijiet tal-komponenti jipprevjenu li l-paġna tħossha ħafifa.
L-immaġnijiet huma sparsi u dejjem funzjonali. L-element viżiv ewlieni huwa t-trijangolu iswed (▲)—marka ġeometrika tal-marka li tidher bħala siluwett imdendel fuq skala "kapitali". Il-logos tal-klijenti fuq l-istrixxa tal-prova tal-kunċett jużaw il-kliem tal-marka attwali fi skala griża. Il-mockups tal-prodott (l-interface taċ-chat ta' Notion, l-output tat-terminal CLI, il-karta tal-passaport) huma inkorporati bħala screenshots tal-modalità ħafifa ġewwa karti inkwadrati. M'hemm l-ebda ritratti, illustrazzjonijiet, jew elementi 3D—is-sistema hija tipografija pura u forom ġeometriċi fuq karta bajda.
Paletta
Newtrali
- Obsidian
#171717— L-intestaturi ewlenin, il-borduri tan-navigazzjoni, il-mili tal-buttuni skuri, u l-markaturi tal-lista huma kollha kważi suwed, u jevitaw ħarxa u saturazzjoni qawwija. - Paper White
#fafafa— Il-kanvas tal-paġna, l-uċuħ tal-karti, il-mili tad-dawl tal-buttuni—dan huwa l-isfond standard li fuqu jinsab kollox. - Pure White
#ffffff— Uċuħ tal-karti mqajma, inserzjonijiet, oqsma tad-dħul. - Hairline
#ebebeb— Borduri ta' 1px fuq buttuni, links, u karti huma viżibbli f'livelli għoljin ta' zoom, iżda inviżibbli f'livelli baxxi ta' zoom. - Ash
#c9c9c9— Test diżattivat, tikketti siekta, filigrani tal-ismijiet tad-ditti fil-logos tal-klijenti. - Smoke
#a8a8a8— Test sekondarju, test placeholder, mili sottili tal-ikona.
Tipografija
minn 11 sa 64px · 6 passi
- Geist Sans — sostituzzjoni: Inter · linji gwida 400, 450, 500 · Il-font primarju għall-interfaċċja u l-intestaturi huwa sans-serif ġeometriku ddisinjat apposta minn Vercel b'spazjar strett tal-ittri f'daqsijiet kbar (-0.06em f'56-64px, -0.05em f'30px). Għat-titoli fil-parti ta' fuq tal-paġna, intgħażel piż ta' 450: eħxen minn Light iżda eħfef minn Semi-Bold, u b'hekk jinħoloq ton kunfidenti, iżda mhux eċċessiv.
- Geist Mono — sostituzzjoni: JetBrains Mono · linji gwida 400, 500, 600 · Font sekondarju monospaced għal captions, blokki ta' kodiċi, pannelli tal-output tas-CLI, metadata, u test b'ittri kbar. Il-kombinazzjoni ta' 8px/600px/ittri kbar tippermetti t-tqegħid preċiż ta' wordmarks żgħar. Spazjar wiesa' bejn l-ittri (0.071em) fil-verżjoni monospaced jipprovdi spazju biżżejjed għal test b'ittri kbar.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | dens |
| Pass bażiku | 12px |
| Raġġ tal-buttuna | 6px |
| Raġġ tal-karta | 6px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 96-128px |
| Wisa' tal-paġna | 1280px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Vercel u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- Headspace — Rokna xemxija ta' benessri fuq karta sħuna
- WHOOP — Laboratorju tal-prestazzjoni f'nofsillejl - imwejjed bojod tal-laboratorju kliniku taħt vojt teatrali iswed, impuls vjola wieħed ta' elettriku
- Together AI — Konsol tar-riċerka fuq karta glaċjali
- v0 by Vercel — Tpinġija bit-torn. Il-preċiżjoni u l-funzjonalità huma importanti ħafna, b'kull element iservi skop ċar fuq wiċċ nadif u teknikament perfett.
- Dovetail — Pjanta taħt qamar iswed—linji tal-grafika bilkemm viżibbli, font abjad, tiddix vjola waħda
- Glideapps — mejda tal-abbozzar monokromatika b'tleqqija waħda turkważ elettrika
- Timescale — Tpinġija tal-inġinerija fuq karta grafika sħuna
- UGLYCASH — Notebook miksi bi stikers fuq karta ta’ kulur krema joħroġ l-atmosfera ta’ fintech kuraġġuża u massimalista li turi l-kaos tagħha b’kburija.
- Sprout Social — Nebbieta ħadra fuq lavanja sewda. Aċċent qawwi wieħed fuq kanvas monokromu strett, li l-kulur tiegħu jintuża biss għall-azzjoni, b'font ġeometriku kunfidenti li jservi bħala sinjali.
- Krea — gallerija noir f'nofsillejl
- Evergreen — Serra solari fuq karta tal-għażel
- Factory — It-terminal tal-"kamra tal-gwerra" f'nofsillejl. Il-"fabbrika" hija pannell tal-kontroll iswed fejn karta bajda waħda tinżel bħal dispaċċ imdawwal b'torċa—l-uniku oġġett fil-kamra huwa x-xogħol innifsu.