Vercel
Flugstöð prentuð á hvítan pappír
Hönnunarkerfið í Vercel er æfing í agaðri einlita hönnun: næstum hvítur strigi (#fafafa), svartur letur, þunnir rammar og algjört fjarvera af skreytingarlitum. Myndmálið minnir á skjáborð forritara eins og það er prentað — Geist Sans er varla læsilegt á „hetjulegum“ kvarða með þyngd upp á 400-450 og bil á milli stafa upp á -0,06 em, en Geist Mono notar merkimiða, lýsigögn og kóðasýni í 11-13px hástöfum. Hnappar eru skarpir 6px radíusar eða rétthyrningar úr hreinu svörtu á hvítu eða hvítu á svörtu. Kerfið byggir á andstæðum og leturfræðilegri stigveldi frekar en litum, með þríhyrningslaga tákninu (▲) og tveggja lína orðmerki sem einu vörumerkjaþættirnir. Yfirborð eru staflað hvert ofan á annað í röðinni #fafafa → #ebebeb → #171717, sem skapar dýpt með því að breyta tónum frekar en skugga eða lit. Hvert element er byggt á 4px risti með þéttri vinnslu, sem leiðir til viðmóts sem minnir á minnisbók verkfræðings — nákvæmt, hagnýtt og óhrædd við hvítt pláss.
Ílátið er 1280px breitt, miðjað, með rausnarlegri láréttri bólstrun (24-48px). Aðalblokkin notar ósamhverfa þriggja svæða samsetningu: stór fyrirsögn vinstra megin, vörumerkisstafur miðjaður og „augabrúnarblokk“ hægra megin. Fyrir neðan aðalblokkina er efnið raðað í til skiptis röndum: rönd í fullri breidd með merki viðskiptavinarins, síðan tveggja dálka „Umboðsmannahöfundar“ kafla með fyrirsögn vinstra megin og vöruútlit hægra megin, síðan rist með þremur kortum með eiginleikum. Kaflar eru aðskildir með lóðréttum röndum 96-128px án millihluta eða bakgrunnsfrávika. Leiðsögnin er ein föst 64px spjald með óskýrum bakgrunni. Kortagrindur nota stöðugt tveggja eða þriggja dálka útlit með 16-24px röndum. Heildarþéttleikinn er þéttur - textinn er auðlesinn, það er nægt hvítt pláss, en leturstærðin og íhlutastærðirnar koma í veg fyrir að síðan virki létt.
Myndirnar eru strjálar en alltaf hagnýtar. Helsta sjónræna þátturinn er svarti þríhyrningurinn (▲) — rúmfræðilegt vörumerki sem birtist sem sveiflandi skuggamynd á „hástöfum“ kvarða. Viðskiptavinamerki á sönnunarröndinni nota raunveruleg orðmerki hvers vörumerkis í gráum lit. Vöruuppdráttar (spjallviðmót Notion, CLI-úttak, vegabréfskort) eru felld inn sem ljósskjáskot í innrömmuðum kortum. Það eru engar ljósmyndir, myndskreytingar eða þrívíddarþættir — kerfið er eingöngu leturfræði og rúmfræðileg form á hvítum pappír.
Litatöflu
Hlutlaus
- Obsidian
#171717— Aðalfyrirsagnir, flakkarammar, dökk hnappafylling og listamerki eru öll næstum svört, til að forðast hörku og skæra mettun. - Paper White
#fafafa— Striginn á síðunni, yfirborð kortsins, ljósar fyllingar hnappanna — þetta er staðlaður bakgrunnur sem allt annað er staðsett á. - Pure White
#ffffff— Upphækkaðir kortfletir, innskot, innsláttarreitir. - Hairline
#ebebeb— 1px rammar á hnöppum, tenglum og spjöldum eru sýnilegir við mikla aðdráttargráðu en ósýnilegir við litla aðdráttargráðu. - Ash
#c9c9c9— Óvirkur texti, þögguð merki, vatnsmerki vörumerkja í lógóum viðskiptavina. - Smoke
#a8a8a8— Aukatexti, staðgengilstexti, lúmsk táknfylling.
Leturfræði
frá 11 til 64px · 6 skref
- Geist Sans — skipti: Inter · útlínur 400, 450, 500 · Aðal leturgerðin fyrir viðmótið og fyrirsagnirnar er sérsmíðuð rúmfræðileg sans-serif leturgerð frá Vercel með þröngu bili milli stafa í stórum stærðum (-0,06em við 56-64px, -0,05em við 30px). Fyrir fyrirsagnirnar efst á síðunni var valin þyngd 450: þykkari en Light en léttari en Semi-Bold, sem skapar öruggan en ekki yfirþyrmandi tón.
- Geist Mono — skipti: JetBrains Mono · útlínur 400, 500, 600 · Einfalt letur með aukabili fyrir myndatexta, kóðablokkir, CLI úttaksspjöld, lýsigögn og hástafi. Samsetningin 8px/600px/hástafi gerir kleift að staðsetja örsmá orðmerki nákvæmlega. Breitt bil milli stafa (0,071em) í einbilsútgáfunni gefur nægilegt pláss fyrir hástafi.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | þétt |
| Grunnskref | 12px |
| Hnapparadíus | 6px |
| Radíus korts | 6px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 96-128px |
| Síðubreidd | 1280px |
Gervigreind mun smíða vefsíðuna þína í stíl við Vercel og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- Headspace — Sólríkt vellíðunarhorn á hlýjum pappír
- WHOOP — Flutningastofa um miðnætti - hvít klínísk rannsóknarstofuborð undir svörtu leikhústómi, einn fjólublár rafmagnspúls
- Together AI — Rannsóknarstjórnborð á jökulpappír
- v0 by Vercel — Rennibekksteikning. Nákvæmni og virkni eru í fyrirrúmi, þar sem hvert atriði þjónar skýrum tilgangi á hreinu, tæknilega fullkomnu yfirborði.
- Dovetail — Teikning undir svörtu tungli — varla sjáanlegar línur, hvítur letur, einn fjólublár glitur
- Glideapps — Einlita teikniborð með einum rafknúnum tyrkisbláum glitrandi
- Timescale — Verkfræðiteikning á heitum milliritapappír
- UGLYCASH — Límmiðaklædd minnisbók á rjómalituðum pappír geislar af andrúmslofti djörfs, hámarkshyggjufjártæknifyrirtækis sem sýnir stolt fram á ringulreið sína.
- Sprout Social — Grænn spíri á svörtum leirsteini. Ein björt áhersla á ströngum einlitum striga, liturinn er eingöngu notaður fyrir atburði, með öruggum rúmfræðilegum letri sem vegvísum.
- Krea — gallerí noir um miðnætti
- Evergreen — Sólgróðurhús á línpappír
- Factory — „Stríðsherbergið“ er stöð um miðnætti. „Verksmiðjan“ er svart stjórnborð þar sem eitt hvítt kort lendir eins og vasaljós — eina hluturinn í herberginu er verkið sjálft.