Superhuman
panel redaksi jam emas
Superhuman ana ing antarane fotografi editorial lan UI piranti lunak—kanvas sing anget kaya perkamen (ora tau putih murni) ngbingkai elemen branding maroon lan aksen ungu sing cerah. Judhul utama, sing disetel nganggo font 460, bisik-bisik tinimbang bengok-bengok, ngidini fotografi sinematik kaca lengkap kanggo nindakake tugas sing abot, dene kertu UI produk transparan ngambang kaya kaca ing ndhuwur gambar. Palet tetep tenang lan editorial umume: permukaan krim, teks arang, wates abu-abu anget sing alus, lan jarak sing akeh antarane elemen, kanthi warna sing disimpen kanggo tandha wacan merek sing disengaja—ajakan tumindak maroon siji, pranala ungu, tombol tambahan lilac enom. Sistem kasebut sengaja ngindhari bayangan lan gradien sing kuwat ing permukaan UI; Kedalaman kasebut digayuh liwat fotografi berlapis lan blur latar mburi sing alus ing judhul, tinimbang liwat efek tumpukan.
Unsur utama yaiku foto ambane lengkap kanthi judhul ing tengah (48-64px/460) lan siji ajakan tumindak sing diisi gambar anggur, kanthi kertu UI produk transparan sing ngambang ing pinggir kiwa lan tengen. Ing ngisor unsur utama ana strip logo garis putih (6 sel saben baris, ambane maksimal diwatesi), banjur bagean tab kanthi permukaan kertu putih ing kanvas perkamen. Garis biru toska peteng ngilangi irama udakara rong pertiga dalan liwat kaca—ambane lengkap, rong kolom (gambar ing sisih kiwa, teks ing sisih tengen)—nggawe siji-sijine kontras tonal nalika sampeyan nggulung. Garis atmosfer gradien ngetutake. Jarak vertikal antarane bagean yaiku 64-96px. Ambane konten maksimal yaiku ~1200px ing tengah, kanthi unsur utama lan garis peteng ngliputi ambane lengkap viewport. Navigasi minangka header tetep tunggal kanthi latar mburi burem; ora ana sidebar, ora ana mega menu. Footer minangka kaca burgundy ambane lengkap kanthi tata letak pranala multi-kolom. Irama sakabèhé yaiku: pigura utama → isi putih/krem sing kalem → garis peteng karo gambar utama → gradien atmosfer → footer burgundy, garis padhang lan peteng sing selang-seling kanggo nggawe tempo editorial.
Unsur visual utama yaiku fotografi sinematik: potret ambane lengkap ing langit sing mbukak dadi titik fokus, kanthi garis atmosfer kapindho sing diselehake ing sisih ngisor kaca. Gambar kasebut diwarnai kanthi anget, diredam kanthi alus, lan dijupuk ing profil, ngelingake jam emas, nggawe kesan editorial tinimbang korporat. Garis peteng kanthi persegi panjang geometris transparan lan prasasti tulisan tangan ditumpangake ing foto wong lanang sing lagi mikir—kolase permukaan tinimbang gambar siji. Antarmuka panganggo ditampilake minangka kertu kaca ngambang sing ditumpangake langsung ing foto, tinimbang minangka gambar layar sing kapisah. Ora ana ilustrasi stok, ora ana render 3D, lan ora ana bentuk dekoratif abstrak, kajaba garis atmosfer gradien. Ikon-ikon kasebut minangka ikon garis monokrom minimalis, ambane ~16-20px, kanthi ambane siji sing cocog karo bobot teks 460 titik.
Palet
Merek
- Midnight Wine
#421d24— Tombol aksi utama, spanduk iklan, lan footer warna burgundy anget, meh ireng sing luwih kaya tinta tinimbang abang, nempelake palet warna tanpa kakehan. - Royal Violet
#714cb6— Werna wungu digunakake kanggo nyorot pranala, tag, lan frasa cendhak. Werna iki ora kena digunakake minangka werna utama kanggo ajakan tumindak.
Netral
- Lilac Mist
#d4c7ff— Isi permukaan sekunder, ikon cahya, lan latar mburi tombol memedi kabeh nduweni warna ungu sing kalem sing menehi isyarat babagan gaya merek kasebut tanpa narik kawigaten sing ora perlu. - Deep Lagoon
#0c4243— Latar mburi peteng kanggo strip, sing digunakake minangka unsur narasi utama, minangka siji-sijine permukaan peteng ing sistem kasebut, digabungake karo pola geometris sing ditumpuk. - Warm Parchment
#f2f0eb— Lumahing kaca minangka unsur sing dominan; werna krem sing anget ngganti putih minangka dhasar, menehi kabeh sistem rasa anget. - Soft Mist
#e3e3e2— Wates alus, garis njaba kertu, garis pamisah—werna abu-abu enom sing anget sing nyawiji karo perkamen nanging nemtokake pinggirane kanthi jelas. - Ink Charcoal
#292827— Teks awak, judhul, garis besar ikon - warna anget, meh ireng kanthi coklat sing cukup kanggo krasa kaya tinta ing kertas, ora tau adhem #000 - Stone Gray
#666666— Teks awak sekunder, teks pendukung, deskripsi sing ora katon - siji werna abu-abu sedheng, digunakake kanthi hemat supaya ora saingan karo teks utama.
Tipografi
saka 12 nganti 64px · 8 langkah
- Super Sans VF — panggantos: Inter (closest open equivalent for variable weight range) · garis besar 460, 500, 540, 600, 700 · Font tunggal ing sakabèhé sistem. Variabel sumbu ngliputi rentang saka 460 (font tandha tangan, rada dipotong kanggo kabèh teks judhul gedhé) nganti 540 (teks awak sing ditekanaké) lan 700 (teks cilik lan kandel). VF sing dirancang khusus ndadèkaké judhul bobot 460 katon luwih disengaja tinimbang sembrono—ing 48-64px kanthi jarak huruf sing rapet, efek "rada dipotong" dianggep luwih percaya diri tinimbang tipis.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | padhet |
| Langkah dhasar | 8px |
| Radius tombol | 16px |
| Radius kertu | 16px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 64-96px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Superhuman lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- AI for Business — Ruang pamer editorial brutalist kanthi warna abu-abu anget
- Jeton — Editorial babagan fintech ing marmer anget
- Airtable — Seminar sing nyaman karo bab-bab sing ditandhani nganggo macem-macem warna
- Osmo — Museum Pengembang Beton Abu-abu
- Linktr — Poster editorial ditumpuk kaya permen. Situs web iki dirancang nganggo blok warna, kanthi judhul ijo padhang sing dipasang ing tembok biru kobalt, lan elemen navigasi putih awujud pil sing ngambang ing ndhuwur lapangan burgundy.
- Outsource Consultants — Lembar arsitektur format gedhe ing kertas balung. Estetika monografi, ing ngendi sepotong nila sing padhang ngganggu kisi-kisi sing anget lan tipografis maksimalis.
- Streamtime — Papan Suasana Hati Kreatif Taktil - Meja Scrapbooking Desainer
- Switch-Lit — Kisi-kisi editorial dicithak nganggo tinta ing kertas krem
- HubSpot — Werna kertas krem anget kanthi aksen oranye tunggal. HubSpot meh padha karo majalah desainer sing dicithak ing kertas kandel—judul serif, kaca krem anget, lan aksen oranye murub siji sing mung nyorot poin sing paling penting.
- Granola — Cathetan lapangan ing vellum anget—Granola diwaca kaya buku cathetan Moleskine sing wis usang sing dibukak ing meja sing kena srengenge: judhul serif menehi rasa solid, aksen ijo organik kaya tinta adhedhasar tanduran, lan garis-garis alus ing pinggir kertu sing meh padha karo cathetan tulisan tangan.
- Secure — Obrolan ing kafe Eropa ing wayah awan sing alus kuwi gaya video call sing anget lan apik, ing ngendi judhul sing diwènèhi aksara serif kaya artikel majalah sing dipikir kanthi tliti tinimbang kaca produk teknologi.
- Mockups made easy — Studio desain editorial ing kertas putih