Substack
uyinki ophuzi etafuleni ehhovisi lokuhlela
I-Substack ibukeka njengedeshibhodi yezindaba egugile kahle—ikhanvasi emhlophe, umbhalo ofudumele, ocishe ube mnyama, kanye nophawu olulodwa olukhanyayo olu-orenji oluphawula isigaba ngasinye sokudalwa kokuqukethwe. Ukuhlelwa okubonakalayo kwakhelwe phezu kobuningi kunokuhlobisa: imigqa emincane empunga ehlukanisa izakhi zokuphakelayo, ama-avatar amancane, i-metadata iyathuliswa, futhi iso lomfundi liqeqeshwe ukugxila ekubizeni kwe-orenji esenzweni, ilogo e-orenji, isixhumanisi esi-orenji esithi "Bhalisa", kanye nenkinobho e-orenji ethi "Dala". Izindawo zigcinwa ziyisicaba futhi zingavinjelwe—akukho zithunzi zamakhadi, akukho izakhi zephaneli ye-chrome—okuvumela ukuthayipha (isakhi se-UI sesistimu ye-chrome esihlanganisiwe nefonti yesihloko se-serif yangokwezifiso) sithwale umthwalo wesisindo sokuhlela. Isitayela esiyingqayizivele izakhi ze-chrome ezivinjelwe kanye nama-pop agqamile, anombala owodwa: uhlelo lokusebenza lokufunda oluzwakala njengethuluzi lokushicilela.
Isakhiwo sedeskithophu enamakholomu amathathu: i-sidebar engakwesobunxele engaguquki (~200px, ukuzulazula okunezithonjana namalebula, okunamathelayo), okuphakelayo okuphakathi (ububanzi obukhulu ~600px, uhlu lokuskrola oluqondile lokuthunyelwe), kanye ne-sidebar engakwesobunxele engaguquki (~300px, usesho + izincomo + ukubhalisa). Okuphakelayo okuphakathi kuyisisekelo sokuhlela—akukho makhadi, okuthunyelwe okubekwe phezu komunye nomunye ngezihlukanisi ezincane kanye nezikhala ezingama-32px phakathi kwezigaba. Ibhena eliyinhloko lihlala phezulu kokuphakelayo njengekhadi elilodwa elinobubanzi obugcwele. I-sidebar engakwesobunxele iqukethe ilogo yomkhiqizo (uphawu oluwolintshi olunemigqa emboziwe), izinto eziyisithupha zokuzulazula, kanye nenkinobho e-orange egcwele ububanzi ethi "Dala" phansi. I-sidebar engakwesobunxele iqukethe inkambu yokusesha, ikhadi lokubhalisa, kanye nohlu lwe-"Okulandelayo" lokufunda. Ukuzulazula kuncane—akukho bha ephezulu, akukho sinkwa sesinkwa; i-sidebar YI-navigation. Ubuningi bokuqukethwe buphezulu: okuthunyelwe kusebenzisa i-metadata engama-12-13px kanye nombhalo womzimba ongu-15-19px, okudala isigqi esifana nephephandaba kunokuba kube nomuzwa wegridi yamakhadi emakethe.
Izithombe ziwukuqukethwe okudalwe ngabasebenzisi (ama-avatar ombhali, izithonjana zeposi, izithombe zeposi)—I-Substack ayinikezi izithombe zayo zokuhlobisa. Ikhadi eliyinhloko lisebenzisa i-gradient eluhlaza okwesibhakabhaka kuya koluhlaza okwesibhakabhaka enezici zokubonisa ezingabonakali (izimo zejiyometri, izinto ezenziwe ngesitayela njengamapeni namanothi) njengesizinda. Izithonjana zeposi kubha eseceleni kwesokudla zincane (ama-px angu-64), zifakwe ku-radius engu-8px, futhi zisebenza njengokubuka kuqala uhlu lokufunda. Ulimi olubonakalayo lusekelwe embhalweni: isikhombikubona siyikhanvasi yokufunda, futhi izithombe zisebenza njengezikhonkwane ezincane ezibonakalayo kunokudala umoya.
Iphalethi
Umkhiqizo
- Signal Orange
#ff6719— I-orenji isetshenziswa njengendlela yesibili yokugcizelela imininingwane yokuhlobisa kanye nokugqamisa izimpawu ezingavamile. Akufanele isetshenziswe njengombala oyinhloko wokubiza isenzo.
Okungathathi hlangothi
- Ink
#363737— Umbhalo womzimba—umbhalo oyinhloko, izihloko, izihloko zeposi, izitembu zesikhathi, namagama ababhali; umbala ofudumele, ocishe ube mnyama esikhundleni se-#000 emsulwa ukuze kube lula ukuwufunda. - Paper
#ffffff— I-page canvas, izindawo zamakhadi, izinkambu zokufaka, kanye nesizinda sokuzulazula yizindawo ezivelele ezithatha ingxenye enkulu yesixhumi esibonakalayo. - Charcoal
#232525— Isimo sokuhamba kancane ukuze uthole umbhalo owengeziwe kanye nezixhumanisi ezinamazinga aphezulu okukhetha; kujule kunemodi ye-Ink yamabhulokhi ekhodi kanye namabhulokhi okukhetha. - Stone
#777777— Umbala ongathathi hlangothi uyasekelwa ezintweni zesibili ze-UI, abahlukanisi, kanye namalebula athulisiwe. Akufanele usetshenziswe njengombala oyinhloko wokubiza isenzo. - Ash
#b6b6b6— Imigqa emincane yomngcele, uhlaka lwezinkinobho, uhlaka lwezithonjana, imingcele ezilawulini ezikhutshaziwe. - Mist
#c8c8c8— Imigqa ehlukanisayo, isizinda esingabonakali sezithonjana, sigcwalisa amaseli angenalutho ngesimo samathambo.
Ukuthayipha
kusukela ku-12 kuya ku-32px · izinyathelo ezi-5
- system-ui — esikhundleni: -apple-system · izinhlaka 400, 500, 600 · Ifonti eyinhloko yesixhumi esibonakalayo somsebenzisi kanye nombhalo womzimba isetshenziselwa amalebula okuzulazula, izinkinobho, umbhalo womlayezo, imethadatha, izinkambu zokufaka, kanye nazo zonke izinto zesixhumi esibonakalayo. Osayizi abancane abangu-12-13px bemethadatha kanye no-15-19px bombhalo womzimba bakha umuzwa wokuphakelwa kwezindaba okuxinene. Isisindo singama-400 wombhalo womzimba, ama-500 wezinto zokuzulazula kanye namalebula ezinkinobho, kanye nama-600 wezihloko zemiyalezo ezigqanyisiwe kanye nezihloko zezigaba.
- Cahuenga — esikhundleni: Charter · izinhlaka 500 · Ifonti ye-serif ehlotshisiwe ehlotshiswe kahle yezihloko zezinga lomkhiqizo (izihloko zebha eseceleni, izihloko zekhadi lokubhalisa, umbhalo oyinhloko). Isisindo sayo esimaphakathi nokuphakama komugqa omncane kuyinika ukubukeka okuvelele ngaphandle kokuzizwa inkulu; yifonti kuphela, ngaphandle kombala we-orenji, ekhombisa ubuwena bukaSubstack.
- Spectral — esikhundleni: Charter · izinhlaka 400 · Ifonti ye-serif yezikhala ezinde—esetshenziswa emakamelweni okufunda kanye nokuqukethwe kwezindaba ukuze kuthuthukiswe ukufundwa kwezinto zokuhlela. Isikhala semigqa esiqinile kancane (1.20) siqinisekisa ukufundwa kwezigaba okukhululekile ngenkathi kugcinwa ubuncane obujwayelekile bamagumbi ezindaba.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | minyene |
| Isinyathelo esiyisisekelo | 8px |
| Irediyasi yenkinobho | 9999px |
| Irediyasi yekhadi | 12px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 32px |
| Ububanzi bekhasi | 1200px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Substack futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- ElevenLabs — Indatshana yesithombe enemibala efudumele nezihloko ezimfushane. Incwadi yokubhala yesitayela seBauhaus—iphepha elinombala wegobolondo leqanda, uyinki omnyama, kanye nophawu olulodwa oluphuzi noluphuzi lokubonisa umkhiqizo.
- Awesomic — I-zinc mesh yokuhlela enezimpawu zokubhala eziwolintshi ezikhumbuza i-confetti
- Monad — iphephabhuku lobuchwepheshe lokuhlela ngesikhumba esifudumele
- Dub — Iphaneli yokulawula iphepha lelayisi elingacwebezeli kahle le-Link
- Seline Analytics — Ithebula lokuhlaziya elithule ephepheni elifudumele
- Notion — Incwadi yencwajana efudumele elangeni lasemini
- Anthropic — Ijenali yesayensi yensimu ekhuluma nge-vellum efudumele—izindawo ezizolile ze-ivory, izihloko zokuhlela ezicacile, kanye nokugqamisa okukodwa kobumba okuvela kuphela lapho kudingeka isenzo.
- Calendly — Uyinki oluhlaza okwesibhakabhaka onsundu obandayo
- Augen Pro — Isethulo esimhlophe se-Apple sibonisa umbala oluhlaza okwesibhakabhaka okhanyayo, ongenasisindo, njengophawu olulodwa endaweni eyodwa.
- Antimetal — Umlando wokuhlela ephepheni elinokhilimu—ukusa okuthule ephephabhukwini lesayensi, lapho ukuzibamba kuveza ukuzethemba khona kanye nama-serif enza umsebenzi onzima
- Perk — Ilayimu kagesi ephepheni elifudumele lesikhumba
- Ditto — Indawo yokusebenzela ekhanyiswe yilanga edala amasampula ezimbali zasendle. Izindawo ezifudumele zokhilimu, umbala ophuzi okhanyayo oyisisekelo, uyinki oluhlaza okwesibhakabhaka ojulile, imibala yemvelo eqhakaza ngemuva kwesiqephu.