Substack
lank zoranj sou biwo a nan biwo editoryal la
Substack sanble ak yon tablodbò yon sal redaksyon ki byen ize—yon twal blan, yon tèks cho, prèske nwa, ak yon sèl aksan zoranj klere ki make chak etap kreyasyon kontni. Yerachi vizyèl la bati sou dansite olye ke dekorasyon: liy gri mens separe eleman fil yo, avatar yo piti, metadone yo pa klere, epi je lektè a antrene pou konsantre sou apèl a aksyon zoranj lan, logo zoranj lan, lyen "Abònman" zoranj lan, ak bouton "Kreye" zoranj lan. Sifas yo rete plat e san kontrent—pa gen lonbraj kat, pa gen eleman panèl chrome—ki kite tipografi a (yon eleman koòdone itilizatè sistèm chrome kontra enfòmèl ant ki asosye ak yon font tit serif pèsonalize) pote pi gwo pwa editoryal la. Stil siyati a se eleman chrome limite ak ti koulè vibran, yon sèl koulè: yon aplikasyon lekti ki santi l tankou yon zouti piblikasyon.
Yon layout twa kolòn pou òdinatè a: yon ba bò gòch fiks (~200px, navigasyon ak ikòn ak etikèt, fiks), yon fil santral (lajè maksimòm ~600px, lis pòs ki defile vètikalman), ak yon ba bò dwat fiks (~300px, rechèch + rekòmandasyon + enskripsyon). Fil santral la se nwayo editoryal la—pa gen kat, jis pòs anpile youn sou lòt ak divizyon mens ak espas 32px ant seksyon yo. Banyè prensipal la chita anlè fil la kòm yon sèl kat plen lajè. Ba bò gòch la gen logo mak la (yon siy zoranj ak liy sipèpoze), sis atik navigasyon, ak yon bouton "Kreye" zoranj plen lajè anba a. Ba bò dwat la gen yon chan rechèch, yon kat enskripsyon, ak yon lis "Apre" pou lekti. Navigasyon an minim—pa gen ba anlè, pa gen fil d'Ariane; ba bò a SE navigasyon an. Dansite kontni an wo: pòs yo itilize metadone 12-13px ak tèks kò 15-19px, sa ki kreye yon ritm tankou yon jounal olye ke santiman yon griy kat yon mache.
Foto yo se kontni ki pwodui pa itilizatè yo (avatar otè yo, imaj pòs yo, imaj pòs yo)—Substack pa bay pwòp foto dekoratif li yo. Kat prensipal la itilize yon gradyan ble-vèt ak eleman ilistratif abstrè (fòm jewometrik, objè estilize tankou plim ak nòt) kòm yon background. Imaj pòs yo nan ba bò dwat la piti (64px), yo antoure nan yon reyon 8px, epi yo fonksyone kòm yon aperçu lis lekti a. Langaj vizyèl jeneral la baze sou tèks: koòdone a se yon twal lekti, epi imaj yo sèvi kòm ti lank vizyèl olye ke kreye atmosfè.
Palèt
Mak
- Signal Orange
#ff6719— Yo itilize koulè zoranj kòm yon aksan segondè pou detay dekoratif ak pou mete aksan sou endikasyon ki pa rive souvan. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon.
Netral
- Ink
#363737— Kò tèks la—tèks prensipal la, tit yo, tit pòs yo, dat ak lè yo, ak non otè yo; yon koulè cho, prèske nwa olye de #000 pi pou yon lekti pi fasil. - Paper
#ffffff— Kanva paj la, sifas kat yo, chan pou antre yo, ak background navigasyon an se sifas dominan yo ki okipe pi gwo pati nan koòdone a. - Charcoal
#232525— Eta soufle sou ekran an pou tèks adisyonèl ak lyen ki gen nivo seleksyon wo; pi pwofon pase mòd Ink pou blòk kòd ak blòk seleksyon. - Stone
#777777— Yo sipòte yon koulè net pou eleman segondè nan koòdone itilizatè a, divizè yo, ak etikèt ki pa gen koulè. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon. - Ash
#b6b6b6— Liy fwontyè mens, kontou bouton, kontou ikòn, fwontyè sou kontwòl ki enfim. - Mist
#c8c8c8— Liy divizyon, background diskrè pou ikon, ranpli selil vid nan fòm yon skelèt.
Tipografi
soti nan 12 pou rive nan 32px · 5 etap
- system-ui — ranplasman: -apple-system · plan 400, 500, 600 · Yo itilize prensipal font pou koòdone itilizatè a ak tèks kò a pou etikèt navigasyon, bouton, tèks mesaj, metadone, chan pou antre, ak tout eleman koòdone yo. Gwosè kontra enfòmèl ant 12-13px pou metadone ak 15-19px pou tèks kò a kreye santiman yon fil nouvèl dans. Pwa a se 400 pou tèks kò a, 500 pou eleman navigasyon ak etikèt bouton, ak 600 pou tit mesaj ak tit seksyon ki make yo.
- Cahuenga — ranplasman: Charter · plan 500 · Yon polis serif dekoratif siyati pou tit pwodwi yo (tit ba lateral, tit kat anrejistreman, tèks prensipal). Pwa mwayen li ak wotè liy ki ba li yon aparans distenge san li pa santi l ankonbran; se sèl polis ki, apa koulè zoranj lan, montre idantite Substack.
- Spectral — ranplasman: Charter · plan 400 · Yon polis serif pou pòs long—yo itilize li nan sal lekti ak nan kontni fil nouvèl pou amelyore lizibilite materyèl editoryal yo. Yon espasman liy ki yon ti jan pi sere (1.20) asire lekti paragraf konfòtab tout pandan y ap kenbe konpakte tipik nan sal redaksyon yo.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | dans |
| Etap debaz | 8px |
| Reyon bouton | 9999px |
| Reyon kat | 12px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 32px |
| Lajè paj la | 1200px |
IA ap bati sit entènèt ou a nan style Substack epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- ElevenLabs — Yon redaksyon foto nan ton krèm cho ak tit sibtil. Yon kaye style Bauhaus—papye koulè kokiy ze, lank nwa, ak yon sèl aksan mov ak zoranj pou montre pwodwi a.
- Awesomic — May zenk editoryal ak mak ponktiyasyon zoranj ki fè moun panse ak konfeti
- Monad — jounal teknik editoryal sou parchemin cho
- Dub — Panèl kontwòl papye diri mat Link la
- Seline Analytics — Yon tab analiz trankil sou papye cho
- Notion — Yon kaye papye cho nan solèy midi a
- Anthropic — Yon jounal syantifik sou velòm cho—sifas ivwa kalm, tit editoryal ak serife, ak yon sèl aksan ajil ki parèt sèlman lè gen yon aksyon ki nesesè.
- Calendly — Lank ble fonse sou mab frèt
- Augen Pro — Prezantasyon blan Apple la prezante yon ble elektrik, klinik, lejè kòm sèl aksan nan yon espas monokrom.
- Antimetal — Yon kwonik editoryal sou papye krèm—yon maten trankil nan yon jounal syantifik, kote kontrent transmèt konfyans epi serif yo fè travay di a.
- Perk — Lacho elektrik sou papye parchemin cho
- Ditto — Yon atelye anba solèy k ap kreye echantiyon flè sovaj. Sifas krèm cho, yon koulè baz jòn vibran, lank ble maren fonse, fòm koulè òganik k ap fleri dèyè pyès la.