Substack

ranomainty volomboasary eo ambony latabatra ao amin'ny biraon'ny fanoratana

Toy ny dashboard efa tonta ao amin'ny efitrano famoahana vaovao ny Substack—lamba fotsy, lahatsoratra mafana saika mainty, ary haingon-trano volomboasary mamiratra iray manamarika ny dingana tsirairay amin'ny famoronana votoaty. Ny ambaratongam-pahefana hita maso dia miorina amin'ny hakitroky fa tsy haingon-trano: tsipika volondavenona manify manasaraka ny singa feed, kely ny avatar, mangina ny metadata, ary voaofana hifantoka amin'ny antso ho amin'ny hetsika volomboasary, logo volomboasary, rohy volomboasary "Misoratra anarana", ary bokotra volomboasary "Mamorona". Tazomina fisaka sy tsy misy fetra ny velarana—tsy misy aloka karatra, tsy misy singa tontonana chrome—mamela ny typography (singa UI rafitra chrome kely ampiarahina amin'ny endri-tsoratra lohateny serif manokana) hitondra ny lanjan'ny famoahana. Ny endrika manokana dia singa chrome voafehy sy mibaribary miloko tokana: fampiharana famakiana izay toy ny fitaovana famoahana.

Firafitra birao misy tsanganana telo: sidebar havia raikitra (~200px, fitetezana misy kisary sy marika, miraikitra), feed afovoany (sakany ambony indrindra ~600px, lisitry ny lahatsoratra mihodinkodina mitsangana), ary sidebar havanana raikitra (~300px, fikarohana + tolo-kevitra + fisoratana anarana). Ny feed afovoany no fototry ny lahatsoratra—tsy misy karatra, lahatsoratra mifanindry fotsiny miaraka amin'ny mpizara manify sy elanelana 32px eo anelanelan'ny fizarana. Ny sora-baventy lehibe dia mipetraka eo an-tampon'ny feed ho toy ny karatra tokana feno sakany. Ny sidebar havia dia misy ny logo marika (famantarana volomboasary misy tsipika mipetaka), singa fitetezana enina, ary bokotra volomboasary feno sakany eo ambany. Ny sidebar havanana dia misy saha fikarohana, karatra fisoratana anarana, ary lisitra "Up Next" ho an'ny famakiana. Kely dia kely ny fitetezana—tsy misy bara ambony, tsy misy mofo voatoto; ny sidebar NO fitetezana. Avo ny hakitroky ny votoaty: mampiasa metadata 12-13px sy lahatsoratra vatana 15-19px ny lahatsoratra, ka mamorona gadona toy ny gazety fa tsy fahatsapana ny harato karatra tsena.

Ny sary dia votoaty novokarin'ny mpampiasa (sary famantarana ny mpanoratra, sary kely amin'ny lahatsoratra, sarin'ny lahatsoratra)—Tsy manome ny sariny manokana ny Substack. Ny karatra lehibe dia mampiasa loko manga manga ka hatramin'ny maitso miaraka amin'ny singa sary tsy misy dikany (endrika jeometrika, zavatra voaravaka toy ny penina sy naoty) ho toy ny ambadika. Kely (64px) ny sary kely amin'ny lahatsoratra eo amin'ny sisiny havanana, voahodidin'ny radius 8px, ary miasa ho toy ny topimaso amin'ny lisitry ny famakiana. Ny fiteny hita maso amin'ny ankapobeny dia mifototra amin'ny lahatsoratra: ny interface dia lamba famakiana, ary ny sary dia toy ny vatofantsika hita maso kely fa tsy mamorona rivo-piainana.

Minimalisma SaaS madio Editorial

https://substack.com

faritra,

Marika

Signal Orange #ff6719 — Ampiasaina ho loko fanampiny ho an'ny haingon-trano sy hanasongadinana ireo famantarana tsy fahita firy ny loko volomboasary. Tsy tokony hampiasaina ho loko fototra amin'ny antso ho amin'ny hetsika izy io.

tsy miandany

Ink #363737 — Ny vatan-dahatsoratra—ny lahatsoratra fototra, lohateny, lohatenin'ny lahatsoratra, mari-potoana, ary anaran'ny mpanoratra; loko mafana saika mainty fa tsy #000 madio mba ho mora vakiana kokoa.
Paper #ffffff — Ny lamban'ny pejy, ny velaran'ny karatra, ny saha fampidirana, ary ny ambadika fitetezana no velaran-javatra manjaka indrindra amin'ny interface.
Charcoal #232525 — Tsindrio eo amin'ny "hover" raha hijery lahatsoratra sy rohy fanampiny misy ambaratonga fifantenana avo lenta; lalindalina kokoa noho ny fomba Ink raha hijery ireo "code blocks" sy "selection blocks".
Stone #777777 — Tohana ny loko tsy miandany ho an'ny singa UI faharoa, ny mpanasaraka ary ny marika tsy dia misongadina. Tsy tokony hampiasaina ho loko fototra amin'ny antso ho amin'ny hetsika izany.
Ash #b6b6b6 — Tsipika manify eo amin'ny sisiny, kisarisary, bokotra, sisiny eo amin'ny fanaraha-maso tsy mandeha.
Mist #c8c8c8 — Tsipika mampisaraka, ambadika tsy manelingelina ho an'ny kisary, mameno sela foana amin'ny endrika taolana.

Tipografia

manomboka amin'ny 12 ka hatramin'ny 32px · dingana 5

system-ui — fanoloana: -apple-system · drafitra 400, 500, 600 · Ny endri-tsoratra fototra ho an'ny interface mpampiasa sy ny votoatin'ny lahatsoratra dia ampiasaina amin'ny marika fitetezana, bokotra, lahatsoratra hafatra, metadata, saha fampidirana, ary singa rehetra amin'ny interface. Ny habe kely 12-13px ho an'ny metadata sy 15-19px ho an'ny votoatin'ny lahatsoratra dia mamorona fahatsapana vaovao matevina. Ny lanjany dia 400 ho an'ny votoatin'ny lahatsoratra, 500 ho an'ny singa fitetezana sy ny marika bokotra, ary 600 ho an'ny lohatenin'ny hafatra sy ny lohatenin'ny fizarana nasongadina.
Cahuenga — fanoloana: Charter · drafitra 500 · Endri-tsoratra serif haingon-trano miavaka ho an'ny lohateny amin'ny ambaratonga vokatra (lohatenin'ny sidebar, lohatenin'ny karatra fisoratana anarana, lahatsoratra fototra). Ny lanjany antonony sy ny haavony kely amin'ny tsipika dia manome azy endrika miavaka nefa tsy mahatsiaro ho matevina; io no hany endri-tsoratra izay, ankoatra ny loko volomboasary, dia manondro ny maha-izy azy ny Substack.
Spectral — fanoloana: Charter · drafitra 400 · Endri-tsoratra serif ho an'ny lahatsoratra lava—ampiasaina ao amin'ny efitrano famakiana sy ao amin'ny vaovao mba hanatsarana ny fahamoranan'ny lahatsoratra. Ny elanelana kely kokoa amin'ny andalana (1.20) dia miantoka ny famakiana fehintsoratra mahazo aina sady mitazona ny fahatsorana mahazatra amin'ny efitrano famoahana.

Elanelana sy endrika

Zava-kendreny	HEVITRY
hakitroky	mikitroka
Dingana fototra	8px
Savaivony bokotra	9999px
Savaivony karatra	12px
aloka	tsy misy sisiny fa tsy aloka
Eo anelanelan'ny fizarana	32px
Sakany pejy	1200px

Hanangana ny tranonkalanao amin'ny fomba Substack ny AI ary hameno azy

Fenoy vokatra sy lahatsoratra amin'ny alàlan'ny rohy - Instagram, TikTok, Facebook.
Afindrao ny votoaty avy amin'ny tranonkalanao taloha—farito fotsiny ny adiresy.
Endrika maoderina amin'ny motera tsara indrindra: React ( Next.js) miaraka amin'ny rendering mpizara sy fanatsarana SEO efa misy.
Fanatsarana SEO mandeha ho azy tanteraka ho an'ny valin'ny fikarohana sy ny tolo-kevitra momba ny tambajotra neural.

Mamoròna tranonkala amin'ity fomba ity

Endrika mitovy

ElevenLabs — Lahatsoratra sary miloko crème mafana misy lohateny malefaka. Kahie fomba Bauhaus—taratasy miloko akoran'atody, ranomainty mainty, ary haingon-trano volomparasy sy volomboasary tokana ho an'ny fampirantiana vokatra.
Awesomic — Harato zinc fanoratana misy mari-piatoana volomboasary mampahatsiahy ny confetti
Monad — gazety teknika fanoratana momba ny taratasy hodi-biby mafana
Dub — Takelaka fanaraha-maso taratasy vary matroka an'ny Link
Seline Analytics — Tabilao famakafakana mangina eo ambony taratasy mafana
Notion — Kahie taratasy mafana eo ambanin'ny masoandro mitataovovonana
Anthropic — Diarin'ny siansa eny an-kianja vita amin'ny vellum mafana—velarana ivoara tony, lohateny misy serif, ary lantom-peo tanimanga tokana izay tsy miseho raha tsy rehefa ilaina ny asa.
Calendly — Ranomainty manga maizina eo amin'ny marbra mangatsiaka
Augen Pro — Ny loko fotsy an'ny Apple dia ahitana manga elektrika maivana sy ara-pitsaboana ho hany haingon-trano ao anatin'ny efitrano tokana.
Antimetal — Tantaran'ny tonian-dahatsoratra amin'ny taratasy crème—maraina tony ao amin'ny gazety siantifika, izay ahitana ny fifehezana maneho fahatokisana ary ny serif no manao ny asa mavesatra
Perk — Somary elektrika eo ambony taratasy fanaova-mofo mafana
Ditto — Atrikasa iray nohazavain'ny masoandro mba hamoronana santionan'ny voninkazodia. Ety ivelany mafana sy miloko crème, loko fototra mavo marevaka, ranomainty manga maizina lalina, loko organika mivelatra ao ambadiky ny sangan'asa.