Substack
tinta oranye ing meja ing kantor editorial
Substack katon kaya dashboard ruang redaksi sing wis usang—kanvas putih, teks sing anget, meh ireng, lan aksen oranye padhang siji sing nandhani saben tahapan nggawe konten. Hirarki visual dibangun ing kapadhetan tinimbang dekorasi: garis abu-abu tipis misahake elemen feed, avatar cilik, metadata diredam, lan mripate pamaca dilatih kanggo fokus ing ajakan tumindak oranye, logo oranye, link "Langganan" oranye, lan tombol "Gawe" oranye. Permukaan tetep rata lan ora diwatesi—ora ana bayangan kertu, ora ana elemen panel krom—ngidini tipografi (elemen UI sistem krom kompak sing dipasangake karo font judhul serif khusus) nggawa bobot editorial sing paling gedhe. Gaya khas yaiku elemen krom sing diwatesi lan pop warna tunggal sing cerah: aplikasi maca sing kaya alat penerbitan.
Tata letak desktop telung kolom: sidebar kiwa tetep (~200px, navigasi nganggo ikon lan label, lengket), feed tengah (jembar maksimal ~600px, dhaptar kiriman sing digulung vertikal), lan sidebar tengen tetep (~300px, telusuran + rekomendasi + registrasi). Feed tengah minangka inti editorial—ora ana kertu, mung kiriman sing ditumpuk ing ndhuwur siji liyane kanthi pembagi tipis lan celah 32px antarane bagean. Spanduk utama ana ing sisih ndhuwur feed minangka kertu ambane lengkap. Sidebar kiwa ngemot logo merek (tandha oranye kanthi garis sing ditumpuk), enem item navigasi, lan tombol "Gawe" oranye ambane lengkap ing sisih ngisor. Sidebar tengen ngemot kolom telusuran, kertu registrasi, lan dhaptar "Sabanjure" kanggo maca. Navigasi minimal—ora ana bilah ndhuwur, ora ana remah roti; sidebar IKU navigasi. Kapadhetan konten dhuwur: kiriman nggunakake metadata 12-13px lan teks awak 15-19px, nggawe irama kaya koran tinimbang rasa kothak kertu pasar.
Foto iku konten sing digawe pangguna (avatar penulis, thumbnail postingan, gambar postingan)—Substack ora nyedhiyakake foto dekoratif dhewe. Kartu utama nggunakake gradien biru toska nganti ijo kanthi unsur ilustrasi abstrak (bentuk geometris, obyek bergaya kaya pulpen lan cathetan) minangka latar mburi. Thumbnail postingan ing sidebar tengen ukurane cilik (64px), ditutupi radius 8px, lan fungsine minangka pratinjau dhaptar wacan. Basa visual sakabèhé adhedhasar teks: antarmuka minangka kanvas wacan, lan gambar dadi jangkar visual cilik tinimbang nggawe swasana.
Palet
Merek
- Signal Orange
#ff6719— Oranye digunakake minangka aksen sekunder kanggo detail dekoratif lan kanggo nyorot isyarat sing arang banget. Ora kena digunakake minangka warna utama kanggo ajakan tumindak.
Netral
- Ink
#363737— Teks awak—teks utama, irah-irahan, judhul postingan, cap wektu, lan jeneng penulis; warna sing anget, meh ireng tinimbang #000 murni supaya luwih gampang diwaca. - Paper
#ffffff— Kanvas kaca, permukaan kertu, kolom input, lan latar mburi navigasi minangka permukaan dominan sing ngenggoni sebagian besar antarmuka. - Charcoal
#232525— Arahna status kursor kanggo teks lan pranala tambahan kanthi tingkat pilihan sing dhuwur; luwih jero tinimbang mode Tinta kanggo blok kode lan blok pilihan. - Stone
#777777— Werna netral didhukung kanggo elemen UI sekunder, pembagi, lan label sing dibisu. Werna iki ora kena digunakake minangka werna utama kanggo ajakan tumindak. - Ash
#b6b6b6— Garis wates tipis, garis tombol, garis ikon, wates ing kontrol sing dipateni. - Mist
#c8c8c8— Garis pamisah, latar mburi sing ora ngganggu kanggo ikon, ngisi sel kosong awujud balung.
Tipografi
saka 12 nganti 32px · 5 langkah
- system-ui — panggantos: -apple-system · garis besar 400, 500, 600 · Font utama kanggo antarmuka panganggo lan teks awak digunakake kanggo label navigasi, tombol, teks pesen, metadata, kolom input, lan kabeh elemen antarmuka. Ukuran kompak 12-13px kanggo metadata lan 15-19px kanggo teks awak nggawe rasa kaya feed warta sing padhet. Bobote yaiku 400 kanggo teks awak, 500 kanggo elemen navigasi lan label tombol, lan 600 kanggo judhul pesen lan judhul bagean sing disorot.
- Cahuenga — panggantos: Charter · garis besar 500 · Font serif dekoratif khas kanggo judhul tingkat produk (judul sidebar, judhul kertu registrasi, teks utama). Bobote sedheng lan dhuwure garis sing tipis menehi tampilan sing beda tanpa krasa gedhe; iki mung siji-sijine font sing, saliyane warna oranye, menehi tandha identitas Substack.
- Spectral — panggantos: Charter · garis besar 400 · Font serif kanggo postingan dawa—digunakake ing ruang maca lan ing konten newsfeed kanggo ningkatake keterbacaan materi editorial. Spasi baris sing rada rapet (1.20) njamin maca paragraf sing nyaman nalika njaga kekompakan khas ruang redaksi.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | padhet |
| Langkah dhasar | 8px |
| Radius tombol | 9999px |
| Radius kertu | 12px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 32px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Substack 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
- ElevenLabs — Esai foto nganggo warna krem anget kanthi judhul sing alus. Buku cathetan gaya Bauhaus—kertas warna kulit endhog, tinta ireng, lan aksen ungu lan oranye siji kanggo tampilan produk.
- Awesomic — Jaring seng editorial nganggo tandha wacan oranye sing ngelingake konfeti
- Monad — jurnal teknis editorial babagan perkamen anget
- Dub — Panel kontrol kertas beras matte Link
- Seline Analytics — Tabel analitis sing sepi ing kertas anget
- Notion — Buku cathetan kertas sing anget ing srengenge awan
- Anthropic — Jurnal lapangan ilmiah babagan vellum anget—permukaan gading sing tenang, judhul editorial serif, lan aksen lempung tunggal sing mung katon nalika ana tindakan sing dibutuhake.
- Calendly — Tinta biru peteng ing marmer adhem
- Augen Pro — Presentasi putih Apple nduweni warna biru elektrik sing klinis, entheng minangka aksen tunggal ing ruang monokrom.
- Antimetal — Kronik editorial ing kertas krem—esuk sing sepi ing jurnal ilmiah, ing ngendi pengekangan nuduhake rasa percaya diri lan serif nindakake tugas sing abot
- Perk — Jeruk nipis listrik ing kertas roti anget
- Ditto — Lokakarya sing kebak cahya srengenge nggawe conto kembang liar. Permukaan krem sing anget, warna dasar kuning sing cerah, tinta biru laut sing jero, wujud warna organik sing mekar ing mburi karya kasebut.