Vercel
Terminal dicitak dina kertas bodas
Sistem desain Vercel mangrupikeun latihan dina monokrom anu disiplin: kanvas ampir bodas (#fafafa), jinis hideung, wates ipis, sareng teu aya warna hiasan. Basa visualna ngébréhkeun terminal pamekar anu didamel dina citak — Geist Sans ampir teu tiasa dibaca dina skala "heroik" kalayan beurat 400-450 sareng jarak hurup -0.06em, sedengkeun Geist Mono nerapkeun labél, metadata, sareng conto kode dina hurup kapital 11-13px. Tombol-tombolna seukeut radius 6px atanapi pasagi panjang hideung murni dina bodas atanapi bodas dina hideung. Sistem ieu ngandelkeun kontras sareng hirarki tipografi tinimbang warna, nganggo tanda segitiga (▲) sareng tanda kecap dua garis salaku hiji-hijina unsur branding. Permukaan ditumpuk di luhur silih dina urutan #fafafa → #ebebeb → #171717, nyiptakeun jerona ku cara ngarobih nilai tonal tinimbang kalangkang atanapi warna. Unggal unsur diwangun dina grid 4px kalayan kapadetan anu kompak, ngahasilkeun antarmuka anu mirip sareng notebook insinyur—tepat, fungsional, sareng henteu sieun ku rohangan bodas.
Wadahna lébarna 1280px, di tengah, kalayan bantalan horizontal anu lega (24-48px). Blok utama nganggo komposisi tilu zona asimetris: judul ageung di kénca, glif mérek di tengah, sareng blok "alis" di katuhu. Di handap blok utama, eusi disusun dina garis-garis silih genti: garis lébar pinuh kalayan logo klien, dituturkeun ku bagian "Agent Creators" dua kolom kalayan judul di kénca sareng tata letak produk di katuhu, dituturkeun ku grid tilu kartu kalayan fitur. Bagian-bagian dipisahkeun ku talang vertikal 96-128px tanpa pambagi atanapi offset latar. Navigasi mangrupikeun panel 64px tetep tunggal kalayan latar anu kabur. Grid kartu sacara konsisten nganggo tata letak dua atanapi tilu kolom kalayan talang 16-24px. Kapadetan sakabéhna kompak — téksna gampang dibaca, aya rohangan bodas anu lega, tapi ukuran font sareng ukuran komponén nyegah halaman karasa lega.
Gambar-gambarna jarang sareng salawasna fungsional. Unsur visual utama nyaéta segitiga hideung (▲) — tanda mérek géométri anu némbongan salaku siluet anu ngalayang dina skala "kapital". Logo klien dina jalur bukti-konsép nganggo tanda kecap anu saleresna tina unggal mérek dina skala abu-abu. Mockup produk (antarmuka obrolan Notion, kaluaran terminal CLI, kartu paspor) disematkeun salaku cuplikan layar modeu cahaya dina kartu anu dibingkai. Teu aya poto, ilustrasi, atanapi unsur 3D — sistemna mangrupikeun tipografi murni sareng bentuk géométri dina kertas bodas.
Palet
Nétral
- Obsidian
#171717— Judul utama, wates navigasi, eusian tombol poék, sareng pananda daptar sadayana ampir hideung, nyingkahan tulisan anu kasar sareng norak. - Paper White
#fafafa— Kanvas halaman, permukaan kartu, cahaya anu ngeusian tombol-tombol—ieu mangrupikeun latar tukang standar tempat sadayana ayana. - Pure White
#ffffff— Beungeut kartu anu diangkat, sisipan, widang input. - Hairline
#ebebeb— Wates 1px dina tombol, tautan, sareng kartu katingali dina tingkat zum anu luhur, tapi teu katingali dina tingkat zum anu handap. - Ash
#c9c9c9— Téks ditumpurkeun, labél dibisukeun, watermark nami mérek dina logo klien. - Smoke
#a8a8a8— Téks sekundér, téks placeholder, eusian ikon anu teu pati jelas.
Tipografi
ti 11 dugi ka 64px · 6 léngkah
- Geist Sans — panggantian: Inter · garis besar 400, 450, 500 · Font utama pikeun antarmuka sareng judulna nyaéta sans-serif géométri anu dirancang khusus ti Vercel kalayan jarak hurup anu rapet dina ukuran ageung (-0.06em dina 56-64px, -0.05em dina 30px). Pikeun judul di luhur halaman, beurat 450 dipilih: langkung kandel tibatan Light tapi langkung hampang tibatan Semi-Bold, nyiptakeun nada anu percaya diri, tapi henteu kaleuleuwihi.
- Geist Mono — panggantian: JetBrains Mono · garis besar 400, 500, 600 · Hurup sekundér monospaced pikeun caption, blok kode, panel kaluaran CLI, metadata, sareng téks kapital. Kombinasi 8px/600px/hurup kapital ngamungkinkeun panempatan tanda kecap leutik anu tepat. Spasi hurup anu lega (0.071em) dina vérsi monospaced nyayogikeun rohangan anu cekap pikeun téks kapital.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | padet |
| Léngkah dasar | 12px |
| Radius tombol | 6px |
| Radius kartu | 6px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 96-128px |
| Lebar kaca | 1280px |
AI bakal ngawangun situs wéb anjeun dina gaya Vercel sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Headspace — Sudut kasehatan anu cerah dina kertas anu haneut
- WHOOP — Laboratorium pagelaran tengah peuting - méja laboratorium klinis bodas di handapeun rohangan téater hideung, hiji pulsa listrik wungu
- Together AI — Konsol panalungtikan dina kertas glasial
- v0 by Vercel — Gambar mesin bubut. Katepatan sareng fungsionalitas mangrupikeun hal anu paling penting, kalayan unggal unsur ngalayanan tujuan anu jelas dina permukaan anu bersih sareng sampurna sacara téknis.
- Dovetail — Cetak biru di handapeun bulan hideung—garis grafik anu ampir teu katingali, font bodas, hiji kilauan wungu
- Glideapps — méja gambar monokrom kalayan hiji kilauan pirus listrik
- Timescale — Gambar rékayasa dina kertas grafik haneut
- UGLYCASH — Buku catetan anu ditutupan stiker dina kertas warna krem ngébréhkeun suasana fintech anu wani sareng maksimalis anu kalayan reueus nunjukkeun kaributanna.
- Sprout Social — Pucuk héjo dina batu tulis hideung. Hiji aksen caang dina kanvas monokrom anu ketat, warnana ngan dianggo pikeun aksi, kalayan font géométri anu percaya diri janten rambu.
- Krea — galeri hideung tengah peuting
- Evergreen — Rumah kaca surya dina kertas linen
- Factory — Terminal "ruang perang" tengah peuting. "Pabrik" éta nyaéta panel kontrol hideung polos dimana hiji kartu bodas nembongan kawas kartu pos nu dihurungkeun ku senter—hiji-hijina barang di rohangan éta nyaéta karyana sorangan.