Vercel
Terminal ak kagyza çap edildi
"Vercel" dizaýn ulgamy tertipli monohromda maşkdyr: ak reňke golaý tuwal (#fafafa), gara şrift, inçe çäkler we bezeg reňkiniň düýbünden ýoklugy. Wizual dil çap görnüşinde görkezilen işläp düzüjiniň terminalyny ýatladýar - "Geist Sans" 400-450 agramy we -0.06em harp aralygy bilen "gahrymançylykly" ölçegde okamak kyn, "Geist Mono" bolsa 11-13 piksel ulylykda ýazgylary, metamaglumatlary we kod nusgalaryny ulanýar. Düwmeler ýiti 6 piksel radiusly ýa-da ak reňkde arassa gara ýa-da gara reňkde ak reňkli dörtburçluklardyr. Ulgam reňkden has köp kontrast we tipografik ierarhiýa esaslanýar, üçburçluk alamatyny (▲) we iki setirlik söz belgisini ýeke-täk brend elementleri hökmünde ulanýar. Ýüzler biri-biriniň üstüne #fafafa → #ebebeb → #171717 tertibinde ýerleşdirilip, kölege ýa-da reňkden has köp tonal gymmatlyklary üýtgetmek arkaly çuňluk döredýär. Her bir element ykjam dykyzlyga eýe bolan 4 piksel ölçegli torda gurulýar, netijede inženeriň depderini ýada salýan interfeýs emele gelýär — takyk, işjeň we ak boşlukdan gorkmaýar.
Konteýner 1280 piksel giňlikde, merkezde ýerleşýär we giň gorizontal boşluk bilen (24-48 piksel) üpjün edilen. Esasy blokda assimetrik üç zolakly kompozisiýa ulanylýar: çepde uly sözbaşy, merkezde brend glif we sagda "gaş" blok. Esasy blokyň aşagynda mazmun üýtgeýän zolaklarda ýerleşdirilen: müşderiniň logotipi bolan doly giňlikdäki zolak, soňra çepde sözbaşy we sagda önümiň düzülişi bolan iki sütünli "Agent döredijiler" bölümi, soňra aýratynlyklary bolan üç kartdan ybarat tor. Bölümler bölüjiler ýa-da fon üýtgemeleri bolmadyk 96-128 piksellik dik oýuklar bilen bölünýär. Nawigasiýa bulanyk fonly ýeke-täk sabit 64 piksellik paneldir. Kart torlary yzygiderli 16-24 piksel oýuklar bilen iki ýa-da üç sütünli düzülişi ulanýar. Umumy dykyzlyk ykjam - teksti okamak aňsat, ýeterlik ak boşluk bar, ýöne şriftiň ölçegi we komponent ölçegleri sahypanyň howa ýaly duýulmagyna päsgel berýär.
Suratlar seýrek we hemişe işjeň. Esasy wizual element gara üçburçluk (▲) — "beýleki" ölçegde hereket edýän siluet hökmünde görünýän geometrik brend belgisi. Konsepsiýanyň subutnamasy zolagyndaky müşderi logotipleri her brendiň hakyky söz belgilerini çal reňkde ulanýar. Önümiň maketleri (Notion-yň çat interfeýsi, CLI terminalynyň çykyşy, pasport karty) çarçuwaly kartlaryň içine ýagtylyk režiminde ekran suratlary hökmünde ýerleşdirilen. Suratlar, illýustrasiýalar ýa-da 3D elementler ýok — ulgam arassa tipografiýa we ak kagyzdaky geometrik şekillerdir.
Palitra
Neýtral
- Obsidian
#171717— Esasy sözbaşylar, nawigasiýa çäkleri, gara düwme doldurylyşy we sanaw markerleri tas gara reňkde bolup, gödeklikden we göze ilýän doýgunlykdan gaça durýar. - Paper White
#fafafa— Sahypanyň kanwasy, kartoçkalaryň ýüzleri, düwmeleriň ýagtylygy — bularyň hemmesiniň ýerleşýän standart fonydyr. - Pure White
#ffffff— Kartlaryň galdyrylan ýüzleri, goýuşlar, giriş meýdançalary. - Hairline
#ebebeb— Düwmeleriň, baglanyşyklaryň we kartlaryň 1px çäklerleri ýokary zum derejelerinde görünýär, ýöne pes zum derejelerinde görünmeýär. - Ash
#c9c9c9— Müşderi logotiplerinde tekstiň öçürilmegi, sessiz ýazgylaryň, brendiň suw belgileriniň ulanylmagy. - Smoke
#a8a8a8— Ikinji derejeli tekst, orun tutujy tekst, inçe nyşan doldurmak.
Tipografiýa
11-den 64 piksele çenli · 6 ädim
- Geist Sans — çalyşmak: Inter · konturlar 400, 450, 500 · Interfeýs we sözbaşylar üçin esasy şrift, uly ölçeglerde harp aralygy gysga bolan (56-64 pikselde -0.06em, 30 pikselde -0.05em) Vercel tarapyndan ýörite dizaýn edilen geometrik sans-serif şriftidir. Sahypanyň ýokarsyndaky sözbaşylar üçin 450 agramy saýlanyldy: "Light"-dan galyň, ýöne "Semi-Bold"-dan has ýeňil, bu bolsa ynamly, ýöne aşa güýçli däl äheň döredýär.
- Geist Mono — çalyşmak: JetBrains Mono · konturlar 400, 500, 600 · Ýazgylar, kod bloklary, CLI çykyş panelleri, metamaglumatlar we uly harplar üçin bir aralykly ikinji derejeli şrift. 8px/600px/uly harp kombinasiýa kiçi söz belgilerini takyk ýerleşdirmäge mümkinçilik berýär. Bir aralykly wersiýada giň harp aralygy (0.071em) uly harplar üçin ýeterlik ýer döredýär.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | dykyz |
| Esasy ädim | 12px |
| Düwme radiusy | 6px |
| Kart radiusy | 6px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 96-128px |
| Sahypanyň giňligi | 1280px |
Süni intellekt web sahypaňyzy Vercel stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Headspace — Ýyly kagyzda gün şöhlesi düşýän saglyk burçy
- WHOOP — Ýary gijede sahna laboratoriýasy - gara teatr boşlugynyň aşagyndaky ak kliniki laboratoriýa stollary, elektrik togunyň ýekeje gyzyl impulsy
- Together AI — Buzluk kagyzynda gözleg konsoly
- v0 by Vercel — Torna stanogynyň çyzgysy. Takyklyk we funksionallyk iň möhümdir, her bir element arassa, tehniki taýdan kämil ýüzde aýdyň maksada hyzmat edýär.
- Dovetail — Gara aýyň aşagyndaky çyzgy — görünmeýän grafik çyzyklary, ak şrift, bir gyrmyzy ýalpyldawuk
- Glideapps — elektrik firuze ýalpyldawukly monohrom çyzgy stoly
- Timescale — Gyzgyn grafik kagyzda inženerçilik çyzgysy
- UGLYCASH — Krem reňkli kagyzda stiker bilen örtülen depder, öz betbagtlygyny buýsanç bilen görkezýän batyrgaý, maksimalist finteh kompaniýasynyň atmosferasyny şöhlelendirýär.
- Sprout Social — Gara slýonda ýaşyl çiçek. Reňki diňe hereket üçin ulanylýan berk monohrom matadaky bir ýagty aksent, ynamly geometrik şrift bolsa ýol görkeziji hökmünde hyzmat edýär.
- Krea — ýary gije galereýa noir
- Evergreen — Keten kagyzy üstünde gün şöhlesi bilen örtülen ýyladyşhana
- Factory — Gije gijesindäki "uruş otagy" terminaly. "Fabrik" gara reňkli dolandyryş paneli bolup, ol ýerde ýekeje ak kartoçka fonar yşyklandyrylan habar beriş gullugy ýaly düşýär - otagdaky ýeke-täk zat işiň özi.