Substack
tawada mai launin lemu a kan tebur a ofishin edita
Substack yayi kama da dashboard na ɗakin labarai da aka yi amfani da shi sosai—farin zane, rubutu mai dumi, kusan baƙi, da kuma lafazin orange mai haske guda ɗaya wanda ke nuna kowane mataki na ƙirƙirar abun ciki. Tsarin gani an gina shi ne akan yawan abubuwa maimakon ado: layukan launin toka siriri sun raba abubuwan ciyarwa, avatars ƙanana ne, an kashe metadata, kuma an horar da mai karatu don mai da hankali kan kiran orange zuwa aiki, tambarin orange, hanyar haɗin "Subscribe" ta orange, da maɓallin "Ƙirƙiri" ta orange. Ana kiyaye saman abubuwa a kwance kuma ba tare da ƙuntatawa ba—babu inuwar kati, babu abubuwan panel na chrome—wanda ke barin rubutun (ƙaramin kayan UI na tsarin chrome wanda aka haɗa tare da font ɗin kanun labarai na serif na musamman) yana ɗaukar nauyin nauyin edita. Salon sa hannu shine abubuwan chrome da aka hana da kuma launuka masu haske, masu launi ɗaya: manhajar karatu wacce ke jin kamar kayan aikin bugawa.
Tsarin tebur mai ginshiƙai uku: gefen hagu mai gyara (~200px, kewayawa tare da gumaka da lakabi, mai mannewa), ciyarwar tsakiya (mafi girman faɗin ~600px, jerin sakonnin da ke gungurawa a tsaye), da gefen dama mai gyara (~300px, bincike + shawarwari + rajista). Cibiyar ciyarwar tsakiya ita ce zuciyar edita—babu katunan, kawai sakonnin da aka tara a saman juna tare da siririn rabe-raben abubuwa da gibin 32px tsakanin sassan. Babban tutar tana zaune a saman ciyarwar azaman kati guda ɗaya mai cikakken faɗi. Gefen hagu ya ƙunshi tambarin alama (alamar lemu mai layuka masu rufewa), abubuwan kewayawa shida, da maɓallin "Ƙirƙiri" mai cikakken faɗi na lemu a ƙasa. Gefen dama ya ƙunshi filin bincike, katin rajista, da jerin "Up Next" don karantawa. Kewaya ba ta da yawa—babu sandar sama, babu gurasar burodi; gefen gefe shine kewayawa. Yawan abun ciki yana da yawa: rubuce-rubucen suna amfani da metadata 12-13px da rubutun jiki 15-19px, suna ƙirƙirar salon jarida maimakon jin grid na katin kasuwa.
Hotuna abubuwan da mai amfani ya ƙirƙira ne (avatars na marubuci, ƙananan hotuna na post, hotunan post)—Substack ba ya samar da hotunan ado nasa. Babban katin yana amfani da launin turquoise zuwa kore mai haske tare da abubuwan da ke nuna abubuwa masu ban mamaki (siffofi na geometric, abubuwa masu salo kamar alkalami da bayanin kula) a matsayin bango. Ƙananan hotuna na post a gefen dama ƙanana ne (64px), an haɗa su a cikin radius na 8px, kuma suna aiki azaman samfoti na jerin karatu. Harshen gani gabaɗaya ya dogara ne akan rubutu: hanyar haɗin zane ce ta karatu, kuma hotuna suna aiki azaman ƙananan abubuwan gani maimakon ƙirƙirar yanayi.
Palette
Alamar kasuwanci
- Signal Orange
#ff6719— Ana amfani da lemu a matsayin wani nau'in laƙabi na biyu don ƙarin bayani game da ado da kuma haskaka alamun da ba a saba gani ba. Bai kamata a yi amfani da shi a matsayin babban launi don kiran aiki ba.
Tsaka-tsaki
- Ink
#363737— Rubutun jiki—babban rubutu, kanun labarai, taken rubutu, tambarin lokaci, da sunayen marubuta; launi mai dumi, kusan baƙi maimakon tsantsar #000 don sauƙin karatu. - Paper
#ffffff— Zane na shafi, saman kati, filayen shigarwa, da kuma bayan fage na kewayawa sune manyan saman da suka mamaye mafi yawan hanyoyin sadarwa. - Charcoal
#232525— Yanayin juyawa don ƙarin rubutu da hanyoyin haɗi tare da manyan matakan zaɓi; zurfi fiye da yanayin Ink don tubalan lamba da tubalan zaɓi. - Stone
#777777— Ana tallafawa launi mai tsaka-tsaki don abubuwan UI na biyu, masu rabawa, da kuma lakabin da aka yi shiru. Bai kamata a yi amfani da shi azaman babban launi don kiran aiki ba. - Ash
#b6b6b6— Layukan kan iyakoki masu siriri, zane-zanen maɓalli, zane-zanen gumaka, iyakoki kan na'urorin sarrafawa da aka kashe. - Mist
#c8c8c8— Raba layuka, bango mara ɓoyewa ga gumaka, cike ƙwayoyin da babu komai a cikin siffar kwarangwal.
Rubutu
daga 12 zuwa 32px · Matakai 5
- system-ui — maye gurbin: -apple-system · zane-zane 400, 500, 600 · Ana amfani da babban rubutu na hanyar sadarwa ta mai amfani da rubutu na jiki don lakabin kewayawa, maɓallai, rubutun saƙo, metadata, filayen shigarwa, da duk abubuwan haɗin gwiwa. Ƙananan girma na 12-13px don metadata da 15-19px don rubutun jiki suna haifar da jin daɗin labarai mai yawa. Nauyin shine 400 don rubutun jiki, 500 don abubuwan kewayawa da alamun maɓalli, da kuma 600 don taken saƙonni da aka haskaka da kanun sashe.
- Cahuenga — maye gurbin: Charter · zane-zane 500 · Rubutun serif mai kyau na musamman don kanun labarai na matakin samfur (kanun labarai na gefe, kanun labarai na katin rajista, babban rubutu). Matsakaicin nauyinsa da ƙaramin tsayin layi suna ba shi kamanni na musamman ba tare da jin girma ba; shine kawai rubutun da, ban da launin lemu, ke nuna asalin Substack.
- Spectral — maye gurbin: Charter · zane-zane 400 · Rubutun serif don dogon rubutu - ana amfani da shi a ɗakunan karatu da kuma a cikin abubuwan da ke cikin labarai don inganta karatun kayan edita. Tazarar layi mai ɗan tauri (1.20) yana tabbatar da karatun sakin layi mai daɗi yayin da yake kiyaye ƙarancin rubutu na ɗakunan labarai.
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | mai yawa |
| Mataki na asali | 8px |
| Maɓallin radius | 9999px |
| Radius na kati | 12px |
| Inuwar | babu - iyakoki maimakon inuwa |
| Tsakanin sassa | 32px |
| Faɗin shafi | 1200px |
AI za ta gina gidan yanar gizonku a cikin salon Substack kuma ta cika shi
- Cika da samfura da rubuce-rubuce ta hanyar hanyar haɗin yanar gizo - Instagram, TikTok, Facebook.
- Canja wurin abun ciki daga tsohon shafinka—kawai ka ƙayyade adireshin.
- Tsarin zamani akan mafi kyawun injin: React ( Next.js) tare da nuna sabar da inganta SEO daga cikin akwatin.
- Ingantaccen SEO mai sarrafa kansa don sakamakon bincike da shawarwarin hanyar sadarwa ta jijiyoyi.
Salo makamantansu
- ElevenLabs — Rubutun hoto a cikin launuka masu dumi masu laushi tare da kanun labarai masu sauƙi. Littafin rubutu irin na Bauhaus—takarda mai launin kwai, tawada baƙi, da kuma lafazin shunayya da lemu guda ɗaya don nuna samfur.
- Awesomic — Ramin zinc na edita tare da alamun rubutu na orange wanda ke tunatar da confetti
- Monad — Mujallar fasaha ta edita kan takardar rubutu mai dumi
- Dub — Kwamitin sarrafa takardar shinkafa mai matte ta Link
- Seline Analytics — Teburin nazari mai shiru akan takarda mai dumi
- Notion — Littafin rubutu mai dumi a rana tsakar rana
- Anthropic — Mujallar kimiyya kan ɗumi-ɗumi—fure-furen hauren giwa masu natsuwa, kanun labarai na edita, da kuma lafazin yumbu guda ɗaya wanda ke bayyana ne kawai lokacin da ake buƙatar aiki.
- Calendly — Tawada mai launin shuɗi mai duhu a kan marmara mai sanyi
- Augen Pro — Farin gabatarwar Apple yana nuna shuɗi mai haske, mara nauyi, mai amfani da wutar lantarki a matsayin babban abin da ke cikin sararin samaniya mai kama da monochrome.
- Antimetal — Wani labari na edita akan takarda mai laushi - safiya mai natsuwa a mujallar kimiyya, inda kamewa ke nuna kwarin gwiwa kuma serifs suna ɗaukar nauyi
- Perk — Lemun tsami mai amfani da wutar lantarki a kan takardar takarda mai dumi
- Ditto — Taron bita mai hasken rana wanda ke ƙirƙirar samfuran furannin daji. saman kirim mai ɗumi, launin rawaya mai haske, tawada mai launin shuɗi mai duhu, launukan halitta masu fure a bayan kayan.