Vercel
Terminal tercetak di atas kertas putih
Sistem desain Vercel adalah latihan dalam monokrom yang disiplin: kanvas hampir putih (#fafafa), tipografi hitam, batas tipis, dan ketiadaan warna dekoratif sama sekali. Bahasa visualnya membangkitkan terminal pengembang yang ditampilkan dalam bentuk cetak—Geist Sans hampir tidak terbaca pada skala "heroik" dengan bobot 400-450 dan spasi antar huruf -0,06em, sementara Geist Mono menerapkan label, metadata, dan contoh kode dalam huruf kapital 11-13px. Tombol-tombolnya berupa radius tajam 6px atau persegi panjang berwarna hitam pekat di atas putih atau putih di atas hitam. Sistem ini mengandalkan kontras dan hierarki tipografi daripada warna, menggunakan tanda segitiga (▲) dan logo dua baris sebagai satu-satunya elemen branding. Permukaan ditumpuk di atas satu sama lain dalam urutan #fafafa → #ebebeb → #171717, menciptakan kedalaman melalui perubahan nilai tonal daripada bayangan atau warna. Setiap elemen dibangun di atas grid 4px dengan kepadatan yang kompak, menghasilkan antarmuka yang mengingatkan pada buku catatan seorang insinyur—tepat, fungsional, dan tidak takut akan ruang kosong.
Kontainer memiliki lebar 1280px, berpusat, dengan padding horizontal yang cukup besar (24-48px). Blok utama menggunakan komposisi tiga zona asimetris: judul besar di sebelah kiri, glyph merek di tengah, dan blok "alis" di sebelah kanan. Di bawah blok utama, konten disusun dalam garis-garis bergantian: garis lebar penuh dengan logo klien, diikuti oleh bagian "Agent Creators" dua kolom dengan judul di sebelah kiri dan tata letak produk di sebelah kanan, diikuti oleh grid tiga kartu dengan fitur-fitur. Bagian-bagian dipisahkan oleh jarak vertikal 96-128px tanpa pembatas atau offset latar belakang. Navigasi berupa panel tetap tunggal 64px dengan latar belakang buram. Grid kartu secara konsisten menggunakan tata letak dua atau tiga kolom dengan jarak 16-24px. Kepadatan keseluruhan kompak—teks mudah dibaca, terdapat ruang putih yang cukup, tetapi ukuran font dan ukuran komponen mencegah halaman terasa lapang.
Gambar-gambar yang digunakan sedikit dan selalu fungsional. Elemen visual utama adalah segitiga hitam (▲)—tanda merek geometris yang muncul sebagai siluet melayang pada skala "kapital". Logo klien pada strip bukti konsep menggunakan logo kata asli masing-masing merek dalam skala abu-abu. Maket produk (antarmuka obrolan Notion, output terminal CLI, kartu paspor) disematkan sebagai tangkapan layar mode terang di dalam kartu berbingkai. Tidak ada foto, ilustrasi, atau elemen 3D—sistem ini murni tipografi dan bentuk geometris di atas kertas putih.
Palet
Netral
- Obsidian
#171717— Judul utama, batas navigasi, isian tombol berwarna gelap, dan penanda daftar semuanya hampir hitam, menghindari kesan kasar dan saturasi yang mencolok. - Paper White
#fafafa— Kanvas halaman, permukaan kartu, isian cahaya tombol—ini adalah latar belakang standar tempat semua hal lainnya berada. - Pure White
#ffffff— Permukaan kartu timbul, sisipan, kolom input. - Hairline
#ebebeb— Garis tepi 1px pada tombol, tautan, dan kartu terlihat pada tingkat zoom tinggi, tetapi tidak terlihat pada tingkat zoom rendah. - Ash
#c9c9c9— Teks dinonaktifkan, label diredam, tanda air nama merek pada logo klien. - Smoke
#a8a8a8— Teks sekunder, teks placeholder, isian ikon yang halus.
Tipografi
dari 11 hingga 64px · 6 langkah
- Geist Sans — penggantian: Inter · garis besar 400, 450, 500 · Font utama untuk antarmuka dan judul adalah font sans-serif geometris yang dirancang khusus dari Vercel dengan spasi antar huruf yang rapat pada ukuran besar (-0,06em pada 56-64px, -0,05em pada 30px). Untuk judul di bagian atas halaman, dipilih bobot 450: lebih tebal dari Light tetapi lebih tipis dari Semi-Bold, menciptakan kesan percaya diri, namun tidak berlebihan.
- Geist Mono — penggantian: JetBrains Mono · garis besar 400, 500, 600 · Font sekunder monospasi untuk keterangan, blok kode, panel keluaran CLI, metadata, dan teks huruf besar. Kombinasi 8px/600px/huruf besar memungkinkan penempatan yang tepat untuk logo kata yang sangat kecil. Jarak antar huruf yang lebar (0,071em) pada versi monospasi memberikan ruang yang cukup untuk teks huruf besar.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | padat |
| Langkah dasar | 12px |
| Radius tombol | 6px |
| Radius kartu | 6px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 96-128px |
| Lebar halaman | 1280px |
AI akan membangun situs web Anda dengan gaya Vercel dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- Headspace — Pojok kesehatan yang cerah di atas kertas hangat.
- WHOOP — Laboratorium pertunjukan di tengah malam - meja laboratorium klinis putih di bawah ruang hampa teater hitam, satu denyut listrik ungu.
- Together AI — Konsol penelitian pada kertas glasial
- v0 by Vercel — Gambar mesin bubut. Presisi dan fungsionalitas adalah yang terpenting, dengan setiap elemen memiliki tujuan yang jelas pada permukaan yang bersih dan sempurna secara teknis.
- Dovetail — Sebuah cetak biru di bawah bulan hitam—garis grafik yang hampir tak terlihat, huruf putih, satu kilauan ungu.
- Glideapps — Meja gambar monokrom dengan satu kilauan pirus elektrik
- Timescale — Gambar teknik di atas kertas grafik hangat.
- UGLYCASH — Sebuah buku catatan bersampul stiker di atas kertas berwarna krem memancarkan suasana fintech yang berani dan maksimalis yang dengan bangga menampilkan kekacauannya.
- Sprout Social — Tunas hijau di atas batu tulis hitam. Satu aksen cerah pada kanvas monokrom yang ketat, yang warnanya hanya digunakan untuk aksi, dengan font geometris yang percaya diri berfungsi sebagai penunjuk arah.
- Krea — galeri noir di tengah malam
- Evergreen — Rumah kaca tenaga surya di atas kertas linen
- Factory — Terminal "ruang perang" di tengah malam. "Pabrik" adalah panel kontrol hitam pekat tempat sebuah kartu putih mendarat seperti kiriman yang diterangi senter—satu-satunya objek di ruangan itu adalah pekerjaan itu sendiri.