Superhuman
panel redaksi jam emas
Superhuman ngajajar di antara fotografi éditorial jeung UI parangkat lunak—kanvas anu haneut kawas perkamen (teu kungsi bodas murni) ngabingkai unsur branding maroon jeung aksen wungu anu cerah. Judul, anu disetel dina font 460, ngaharéwos tinimbang ngagorowok, ngamungkinkeun fotografi sinematik sakaca pinuh pikeun ngalakukeun padamelan anu beurat, sedengkeun kartu UI produk anu transparan ngambang kawas kaca di luhur gambar. Paletna tetep tenang jeung éditorial kalolobaan waktu: permukaan krim, téks areng, wates abu-abu haneut anu lemes, jeung jarak anu lega antara unsur-unsur, kalayan warna anu disimpen pikeun tanda baca merek anu disengaja—hiji ajakan-pikeun-aksi maroon, tautan wungu, tombol add-on lilac ngora. Sistem ieu ngahaja nyingkahan kalangkang jeung gradien anu kuat dina permukaan UI; Jerona kahontal ngaliwatan fotografi berlapis jeung blur latar anu lemes dina judul, tinimbang ngaliwatan éfék susun.
Unsur utama nyaéta poto lébar pinuh kalayan judul anu di tengah (48-64px/460) sareng hiji ajakan pikeun ngalakukeun anu dieusi ku gambar anggur, kalayan kartu UI produk transparan anu ngambang di luhur sisi kénca sareng katuhu. Di handap unsur utama aya strip logo belang bodas (6 sél per baris, lébar maksimum diwatesan), teras bagian tab kalayan permukaan kartu bodas dina kanvas perkamen. Belang pirus poék megatkeun wirahma sakitar dua per tilu jalan ngaliwatan halaman—lébar pinuh, dua kolom (gambar di kénca, téks di katuhu)—nyiptakeun hiji-hijina kontras tonal nalika anjeun ngagulung. Belang atmosfir gradien nuturkeun. Jarak vertikal antara bagian nyaéta 64-96px. Lebar eusi maksimum nyaéta ~1200px di tengah, kalayan unsur utama sareng belang poék anu nutupan lébar pinuh viewport. Navigasi mangrupikeun header tetep tunggal kalayan latar tukang anu kabur; teu aya sidebar, teu aya ménu mega. Footer mangrupikeun halaman burgundy lébar pinuh kalayan tata letak tautan multi-kolom. Wirahma sakabéhna nyaéta: pigura utama → eusi bodas/krim anu tenang → belang poék jeung gambar utama → gradién atmosfir → footer burgundy, belang caang jeung poék silih genti pikeun nyiptakeun tempo éditorial.
Unsur visual utama nyaéta fotografi sinematik: potret lébar pinuh ngalawan langit anu kabuka janten titik fokus, kalayan garis atmosfir kadua diposisikan di handap kaca. Gambarna diwarnaan haneut, dibungkem sacara halus, sareng difoto dina profil, ngingetkeun kana jam emas, nyiptakeun suasana éditorial tibatan korporat. Garis poék kalayan pasagi géométri transparan sareng prasasti tulisan tangan ditumpangkeun dina poto lalaki anu keur mikir—kolase permukaan tinimbang hiji gambar. Antarbeungeut pangguna dipidangkeun salaku kartu kaca ngambang anu ditumpangkeun langsung dina poto, tinimbang salaku cuplikan layar anu misah. Teu aya ilustrasi stok, teu aya render 3D, sareng teu aya bentuk hiasan abstrak, kecuali garis atmosfir gradien. Ikon-ikonna nyaéta ikon garis monokrom minimalis, lébarna ~16-20px, kalayan lébar tunggal anu saluyu sareng beurat téks 460 titik.
Palet
Merek
- Midnight Wine
#421d24— Tombol aksi utama, iklan spanduk, sareng footer warnana beureum anggur haneut, ampir hideung anu karasana langkung siga tinta tibatan beureum, napelkeun palét warna tanpa kaleuleuwihi. - Royal Violet
#714cb6— Wungu dianggo pikeun nyorot tautan, tag, sareng frasa pondok. Warna ieu teu kedah dianggo salaku warna utama pikeun ajakan bertindak.
Nétral
- Lilac Mist
#d4c7ff— Eusian permukaan sekundér, ikon lampu, sareng latar tukang tombol hantu sadayana nampilkeun warna ungu anu kalem anu nunjukkeun gaya mérek tanpa narik perhatian anu teu perlu kana dirina sorangan. - Deep Lagoon
#0c4243— Latar tukang poék pikeun jalur éta, anu dianggo salaku unsur naratif utama, nyaéta hiji-hijina permukaan poék dina sistem éta, digabungkeun sareng pola géométri anu ditumpuk. - Warm Parchment
#f2f0eb— Beungeut gawé kaca mangrupikeun unsur anu dominan; warna krim haneut ngagentos bodas salaku dasar, masihan sakabéh sistem kahaneutan éditorial. - Soft Mist
#e3e3e2— Wates anu ipis, garis luar kartu, garis pamisah—abu-abu haneut jeung ngora anu nyampur jeung perkamen tapi jelas ngahartikeun sisi-sisina. - Ink Charcoal
#292827— Téks eusi, judul, garis luar ikon - warna haneut, ampir hideung kalayan coklat anu cekap karasana sapertos tinta dina kertas, henteu pernah tiis #000 - Stone Gray
#666666— Téks awak sekundér, téks pendukung, pedaran anu teu kaétang - hiji téks kulawu sedeng, dianggo sacara hemat supados henteu pernah bersaing sareng téks utama.
Tipografi
ti 12 nepi ka 64px · 8 léngkah
- Super Sans VF — panggantian: Inter (closest open equivalent for variable weight range) · garis besar 460, 500, 540, 600, 700 · Hiji font dina sakabéh sistem. Variabel sumbu ngawengku rentang ti 460 (font tanda tangan, rada dipotong pikeun sadaya téks judul ageung) dugi ka 540 (téks awak anu ditekenkeun) sareng 700 (caption leutik, kandel). VF anu dirancang khusus ngajantenkeun judul beurat 460 katingali langkung disengaja tibatan acak—dina 48-64px kalayan jarak hurup anu heureut, épék "rada dipotong" dianggap percaya diri tinimbang ipis.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | padet |
| Léngkah dasar | 8px |
| Radius tombol | 16px |
| Radius kartu | 16px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 64-96px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Superhuman 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
- AI for Business — Showroom éditorial brutalist dina nada abu-abu haneut
- Jeton — Éditorial ngeunaan fintech dina marmer haneut
- Airtable — Seminar anu nyaman kalayan bab-bab anu ditandaan ku warna anu béda-béda
- Osmo — Museum Pangembang Beton Abu-abu
- Linktr — Poster éditorial ditumpuk kawas permen. Website ieu dirancang dina blok warna, kalayan judul héjo caang anu dipasang dina témbok biru kobalt, sareng unsur navigasi bodas anu bentukna pil ngambang di luhur lapangan burgundy.
- Outsource Consultants — Lambaran arsitéktur format ageung dina kertas tulang. Éstétika monografi, dimana hiji petak indigo anu caang ngaganggu grid anu biasana haneut, sacara tipografi maksimalis.
- Streamtime — Papan Suasana Hati Kreatif Taktil - Méja Scrapbooking Desainer
- Switch-Lit — Kisi éditorial dicitak nganggo tinta dina kertas krim
- HubSpot — Warna kertas krem haneut kalayan hiji aksen oranyeu. HubSpot siga majalah désainer anu dicitak dina kertas beurat—judul serif, halaman krem haneut, sareng hiji aksen oranyeu anu hurung anu ngan ukur nyorot poin anu paling penting.
- Granola — Catetan lapangan dina vellum haneut—Granola kabaca kawas buku catetan Moleskine anu geus usang dibuka dina méja anu kakeunaan panonpoé: judul serif méré rasa padet, aksen héjo organik kawas tinta nabati, jeung garis-garis ipis dina sisi kartu anu nyarupaan catetan tulisan leungeun.
- Secure — Paguneman di kafe Éropa dina wanci beurang anu haneut jeung modis mangrupa tampilan video call anu haneut jeung bergaya, dimana judul-judul serif kabaca kawas artikel majalah anu dipikirkeun kalawan saksama tinimbang kaca produk téknologi.
- Mockups made easy — Studio desain éditorial dina kertas bodas