Substack
tinta oranyeu dina méja di kantor éditor
Substack katingalina siga dasbor ruang redaksi anu geus biasa dipaké—kanvas bodas, téks anu haneut, ampir hideung, jeung hiji aksen oranyeu caang anu nandakeun unggal tahapan nyieun eusi. Hirarki visual diwangun dina kapadetan tinimbang hiasan: garis abu-abu ipis misahkeun unsur feed, avatar leutik, metadata dibungkem, jeung panon nu maca dilatih pikeun fokus kana ajakan bertindak oranyeu, logo oranyeu, tautan "Langganan" oranyeu, jeung tombol "Jieun" oranyeu. Beungeut dijaga datar jeung teu diwatesan—teu aya kalangkang kartu, teu aya unsur panel krom—ngamungkinkeun tipografi (unsur UI sistem krom anu kompak dipasangkan jeung font judul serif khusus) nanggung beban éditorial. Gaya hasna nyaéta unsur krom anu diwatesan jeung warna tunggal anu cerah: aplikasi maca anu karasana siga alat penerbitan.
Tata letak desktop tilu kolom: sidebar kénca anu tetep (~200px, navigasi nganggo ikon sareng labél, lengket), feed tengah (lébar maksimal ~600px, daptar tulisan anu ngagulung sacara vertikal), sareng sidebar katuhu anu tetep (~300px, pamilarian + rekomendasi + pendaptaran). Feed tengah nyaéta inti éditorial—teu aya kartu, ngan ukur tulisan anu ditumpuk di luhur silih ku pamisah ipis sareng celah 32px antara bagian. Spanduk utama aya di luhur feed salaku kartu lébar pinuh. Sidebar kénca ngandung logo mérek (tanda oranyeu kalayan garis anu ditumpuk), genep item navigasi, sareng tombol "Jieun" oranyeu lébar pinuh di handap. Sidebar katuhu ngandung kolom pamilarian, kartu pendaptaran, sareng daptar "Salajengna" pikeun dibaca. Navigasi minimal—teu aya bilah luhur, teu aya breadcrumbs; sidebar nyaéta navigasi. Kapadetan eusi luhur: tulisan nganggo metadata 12-13px sareng téks awak 15-19px, nyiptakeun wirahma sapertos koran tinimbang rarasaan grid kartu pasar.
Poto mangrupikeun eusi anu dihasilkeun ku pangguna (avatar pangarang, thumbnail postingan, gambar postingan) — Substack henteu nyayogikeun poto hiasanna nyalira. Kartu utama nganggo gradien biru toska dugi ka héjo kalayan unsur ilustrasi abstrak (bentuk géométri, objék anu bergaya sapertos pulpen sareng catetan) salaku latar. Thumbnail postingan dina bilah sisi katuhu ukuranana alit (64px), dikurilingan ku radius 8px, sareng fungsina salaku sawangan daptar bacaan. Basa visual sacara umum dumasar kana téks: antarmuka mangrupikeun kanvas bacaan, sareng gambar janten jangkar visual alit tinimbang nyiptakeun suasana.
Palet
Merek
- Signal Orange
#ff6719— Oranyeu dianggo salaku aksen sekundér pikeun detil hiasan sareng pikeun nyorot isyarat anu jarang. Éta henteu kedah dianggo salaku warna utama pikeun ajakan pikeun bertindak.
Nétral
- Ink
#363737— Eusi téks—téks utama, judul, judul tulisan, cap waktu, jeung ngaran pangarang; warna anu haneut, ampir hideung tinimbang #000 murni sangkan leuwih gampang dibaca. - Paper
#ffffff— Kanvas halaman, permukaan kartu, kolom input, sareng latar navigasi mangrupikeun permukaan dominan anu ngeusian seuseueurna antarmuka. - Charcoal
#232525— Arahkan kursor ka status pikeun téks sareng tautan tambahan kalayan tingkat pilihan anu luhur; langkung jero tibatan modeu Ink pikeun blok kode sareng blok pilihan. - Stone
#777777— Warna nétral dirojong pikeun élémen UI sekundér, pambagi, sareng labél anu dibungkem. Warna ieu teu kedah dianggo salaku warna primér pikeun ajakan bertindak. - Ash
#b6b6b6— Garis wates ipis, garis tombol, garis ikon, wates dina kontrol anu ditumpurkeun. - Mist
#c8c8c8— Garis pamisah, latar tukang anu teu ngaganggu pikeun ikon, ngeusian sél kosong dina bentuk rorongkong.
Tipografi
ti 12 nepi ka 32px · 5 léngkah
- system-ui — panggantian: -apple-system · garis besar 400, 500, 600 · Font utama pikeun antarmuka pangguna sareng téks awak dianggo pikeun labél navigasi, tombol, téks pesen, metadata, kolom input, sareng sadaya unsur antarmuka. Ukuran anu kompak 12-13px pikeun metadata sareng 15-19px pikeun téks awak nyiptakeun rasa sapertos eupan warta anu padet. Beuratna nyaéta 400 pikeun téks awak, 500 pikeun unsur navigasi sareng labél tombol, sareng 600 pikeun judul pesen sareng judul bagian anu disorot.
- Cahuenga — panggantian: Charter · garis besar 500 · Font serif hiasan anu khas pikeun judul tingkat produk (judul sidebar, judul kartu pendaptaran, téks utama). Beuratna anu sedeng sareng jangkungna garis anu rada leutik masihan penampilan anu béda tanpa karasa kandel; éta hiji-hijina font anu, salian ti warna oranyeu, nunjukkeun idéntitas Substack.
- Spectral — panggantian: Charter · garis besar 400 · Font serif pikeun tulisan anu panjang—dianggo di rohangan maca sareng dina eusi warta pikeun ningkatkeun kabacaan bahan éditorial. Spasi baris anu rada rapet (1.20) mastikeun bacaan paragraf anu nyaman bari ngajaga kompaksi has rohangan warta.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | padet |
| Léngkah dasar | 8px |
| Radius tombol | 9999px |
| Radius kartu | 12px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 32px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Substack 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
- ElevenLabs — Esai poto dina warna krim haneut kalayan judul anu lemes. Buku catetan gaya Bauhaus—kertas warna cangkang endog, tinta hideung, sareng hiji aksen wungu sareng oranyeu pikeun tampilan produk.
- Awesomic — Jaring séng éditorial kalayan tanda baca oranyeu anu ngingetkeun kana konféti
- Monad — jurnal téknis éditorial ngeunaan perkamen haneut
- Dub — Panel kontrol kertas béas matte Link
- Seline Analytics — Méja analitik anu sepi dina kertas haneut
- Notion — Buku catetan kertas anu haneut dina panonpoé tengah poé
- Anthropic — Jurnal lapangan ilmiah ngeunaan vellum haneut—permukaan gading anu tenang, judul éditorial serif, sareng aksen liat tunggal anu ngan ukur muncul nalika aya tindakan anu diperyogikeun.
- Calendly — Tinta biru poék dina marmer tiis
- Augen Pro — Presentasi bodas Apple nampilkeun warna biru listrik anu klinis, hampang, salaku hiji-hijina aksen dina rohangan monokrom.
- Antimetal — Kronik éditorial dina kertas krem—isuk anu sepi di jurnal ilmiah, dimana kateguhan nunjukkeun kapercayaan diri sareng serif ngalakukeun padamelan anu beurat
- Perk — Jeruk nipis dina kertas roti haneut
- Ditto — Bengkel anu disinari ku panonpoé pikeun nyieun conto kembang liar. Beungeut krim anu haneut, warna dasar konéng anu cerah, tinta biru laut anu jero, warna organik anu mekar di tukangeun karya seni.