Substack
inki ya lalanje pa desiki mu ofesi yosindikiza
Substack imawoneka ngati dashboard yogwiritsidwa ntchito bwino kwambiri m'chipinda chofalitsa nkhani—nsalu yoyera, mawu ofunda, pafupifupi akuda, ndi lalanje lowala limodzi losonyeza gawo lililonse la kulengedwa kwa zomwe zili. Kuwongolera kwa mawonekedwe kumamangidwa pa kuchulukana osati kukongoletsa: mizere yopyapyala imvi imalekanitsa zinthu zodyetsa, ma avatar ndi ang'onoang'ono, metadata imatsekedwa, ndipo diso la owerenga limaphunzitsidwa kuyang'ana kwambiri pa kuyitana kwa lalanje kuchitapo kanthu, chizindikiro cha lalanje, ulalo wa lalanje wa "Subscribe", ndi batani la lalanje la "Pangani". Malo amasungidwa osalala komanso osamangika—palibe mithunzi yamakhadi, palibe zinthu za chrome panel—kulola zolemba (chinthu chaching'ono cha chrome system UI chophatikizidwa ndi zilembo zamutu wa serif) zimanyamula katundu wolemera kwambiri. Kalembedwe kake ndi zinthu za chrome zochepetsedwa komanso zowala, zamtundu umodzi: pulogalamu yowerengera yomwe imamveka ngati chida chofalitsa.
Kapangidwe ka desktop ka magawo atatu: mbali yakumanzere yokhazikika (~200px, kuyenda ndi zizindikiro ndi zilembo, zomata), chakudya chapakati (m'lifupi kwambiri ~600px, mndandanda wozungulira molunjika wa zolemba), ndi mbali yakumanja yokhazikika (~300px, kusaka + malingaliro + kulembetsa). Chakudya chapakati ndiye maziko a nkhani—palibe makadi, pali zolemba zomangidwa pamwamba pa zina ndi zogawa zoonda ndi mipata ya 32px pakati pa magawo. Chikwangwani chachikulu chili pamwamba pa chakudya ngati khadi limodzi lokwanira. Mbali yakumanzere ili ndi chizindikiro cha mtundu (chikwangwani cha lalanje chokhala ndi mizere yophimbidwa), zinthu zisanu ndi chimodzi zoyendera, ndi batani la lalanje lokwanira pansi. Mbali yakumanja ili ndi malo osakira, khadi lolembetsa, ndi mndandanda wa "Up Next" woti muwerenge. Kuyenda ndikochepa—palibe bala lapamwamba, palibe breadcrumbs; mbali yakumanzere NDIYO njira yoyendera. Kuchuluka kwa zomwe zili mkati kuli kwakukulu: zolemba zimagwiritsa ntchito metadata ya 12-13px ndi mawu a thupi a 15-19px, kupanga kamvekedwe kofanana ndi nyuzipepala m'malo momveka ngati gridi ya khadi ya msika.
Zithunzi ndi zomwe anthu amalemba (ma avatar a olemba, zithunzi zazing'ono, zithunzi za positi)—Substack sipereka zithunzi zake zokongoletsera. Khadi lalikulu limagwiritsa ntchito gradient ya turquoise mpaka yobiriwira yokhala ndi zinthu zosawoneka bwino (mawonekedwe a geometric, zinthu zokongoletsedwa monga mapensulo ndi zolemba) ngati maziko. Zithunzi zazing'ono za positi zomwe zili m'mbali yakumanja ndi zazing'ono (64px), zomwe zili mu radius ya 8px, ndipo zimagwira ntchito ngati chithunzithunzi cha mndandanda wowerengera. Chilankhulo chonse chowonera chimachokera pamawu: mawonekedwe ake ndi kansalu yowerengera, ndipo zithunzi zimagwiritsidwa ntchito ngati zowunikira zazing'ono m'malo mopanga mlengalenga.
Paleti
Mtundu
- Signal Orange
#ff6719— Lalanje limagwiritsidwa ntchito ngati mawu achiwiri okongoletsa komanso kuonetsa zizindikiro zomwe sizichitika kawirikawiri. Siliyenera kugwiritsidwa ntchito ngati mtundu waukulu wolimbikitsa kuchitapo kanthu.
Osalowerera
- Ink
#363737— Mutu wa nkhani—mawu akuluakulu, mitu yankhani, mitu ya positi, zizindikiro za nthawi, ndi mayina a olemba; mtundu wofunda, pafupifupi wakuda m'malo mwa #000 wokha kuti muwerenge mosavuta. - Paper
#ffffff— Tsamba la tsamba, malo a makadi, malo olowera, ndi maziko oyendera ndi malo akuluakulu omwe amakhala mu gawo lalikulu la mawonekedwe. - Charcoal
#232525— Sinthani mawonekedwe kuti mupeze zolemba zina ndi maulalo okhala ndi magawo ambiri osankhidwa; mozama kuposa Ink mode ya ma code block ndi ma select blocks. - Stone
#777777— Mtundu wosalowerera umathandizidwa pa zinthu zina za UI, zogawa, ndi zilembo zotsekedwa. Siziyenera kugwiritsidwa ntchito ngati mtundu waukulu woti anthu achitepo kanthu. - Ash
#b6b6b6— Mizere yopyapyala yamalire, ma button plane, ma icon plane, ma border pa zowongolera zozimitsidwa. - Mist
#c8c8c8— Kugawa mizere, maziko osawoneka bwino a zizindikiro, kudzaza maselo opanda kanthu ngati chigoba.
Kulemba zilembo
kuyambira 12 mpaka 32px · masitepe 5
- system-ui — cholowa m'malo: -apple-system · mndandanda 400, 500, 600 · Chilembo chachikulu cha mawonekedwe a ogwiritsa ntchito ndi mawu a thupi chimagwiritsidwa ntchito pa zilembo zoyendera, mabatani, mawu a uthenga, metadata, minda yolowera, ndi zinthu zonse za mawonekedwe. Kukula kocheperako kwa 12-13px pa metadata ndi 15-19px pa mawu a thupi kumapangitsa kuti nkhani ikhale yodzaza. Kulemera kwake ndi 400 pa mawu a thupi, 500 pa zinthu zoyendera ndi zilembo za mabatani, ndi 600 pa mitu ya mauthenga yowonetsedwa ndi mitu ya magawo.
- Cahuenga — cholowa m'malo: Charter · mndandanda 500 · Fonti yokongoletsera ya serif ya mitu ya malonda (mitu ya m'mbali, mitu ya makadi olembetsa, mawu akuluakulu). Kulemera kwake kwapakati komanso kutalika kwake pang'ono kumapatsa mawonekedwe ake apadera popanda kumva ngati wokulirapo; ndiyo fonti yokhayo yomwe, kupatula mtundu wa lalanje, imasonyeza kudziwika kwa Substack.
- Spectral — cholowa m'malo: Charter · mndandanda 400 · Fonti ya serif ya zolemba zazitali—yogwiritsidwa ntchito m'zipinda zowerengera ndi m'nkhani zofalitsa nkhani kuti zinthu zolembedwa zikhale zosavuta kuwerenga. Kutalikirana pang'ono kwa mizere (1.20) kumatsimikizira kuwerenga ndime bwino komanso kusunga kufupika kwa momwe zipinda zofalitsa nkhani zimakhalira.
Zosintha ndi mawonekedwe
| Cholinga | Tanthauzo |
|---|---|
| Kuchulukana | wokhuthala |
| Gawo loyambira | 8px |
| Utali wa batani | 9999px |
| Utali wa khadi | 12px |
| Mithunzi | ayi - malire m'malo mwa mithunzi |
| Pakati pa magawo | 32px |
| Kukula kwa tsamba | 1200px |
AI idzamanga tsamba lanu lawebusayiti mu kalembedwe ka Substack ndikulidzaza
- Dzazani ndi zinthu ndi zolemba kudzera pa ulalo - Instagram, TikTok, Facebook.
- Tumizani zinthu kuchokera patsamba lanu lakale—ingotchulani adilesi.
- Kapangidwe kamakono pa injini yabwino kwambiri: React ( Next.js) yokhala ndi mawonekedwe a seva ndi kukonza SEO koyambirira.
- Kukonza bwino SEO yanu yokha kuti mupeze zotsatira zakusaka ndi malingaliro a netiweki ya neural.
Masitaelo ofanana
- Mollie — Kauntala ya cashmere, buku lakuda. Siyani malo oyera okwanira kuti mulembe nkhani mozungulira mawu akuda, kenako onjezerani mfundo zokhudzana ndi malonda ndi mafuta ofunda, ma brown a espresso, ndi zithunzi zogwira mtima za njira zenizeni zolipirira.
- Kagi — Chipinda chowerengera china. Pangani malo oyera otseguka mozungulira zilembo zakuda za graphite, pogwiritsa ntchito zofiirira zofewa komanso malo ofunda a pastel kuti muwononge bata.
- Milanote — Milanote ndi studio yodzipereka yolenga. Pangani masamba ofanana ndi zithunzi pogwiritsa ntchito ma board owoneka oyandama: makoma amdima okhala ndi mafelemu, malo oyera owonetsera, ndi zithunzi zomwe zimawoneka ngati zinthu zenizeni zokhala ndi kuya kofewa.
- Co2 — Buku la mapu a nyengo m'nyengo yozizira. Pangani masamba ngati malo owonetsera zikalata za mlengalenga, komwe mitu ya serif, deta yolembedwa m'magulu, ndi zithunzi zozizira zimawonetsa m'mphepete zoyera zazikulu.
- GitButler — Chofiirira kumapeto kwa lembalo. Kuphatikiza kwa mitu ya serif yosiyana kwambiri yokhala ndi ma gridi aukadaulo osavuta, malo ofunda a graphite, ndi mawonekedwe a turquoise osawoneka bwino.
- ElevenLabs — Nkhani yojambulidwa ndi utoto wofunda wa kirimu wokhala ndi mitu yofewa. Buku lolemberamo zinthu la Bauhaus—pepala lokhala ndi chipolopolo cha dzira, inki yakuda, ndi mawu amodzi ofiirira ndi alanje owonetsera zinthu.
- Awesomic — Utoto wa zinki wokhala ndi zizindikiro za lalanje zokumbutsa za confetti
- Monad — magazini yaukadaulo yokhudza chikopa chofunda
- Dub — Chida chowongolera pepala la mpunga losawoneka bwino la Link
- Seline Analytics — Tebulo losabisala lofufuza pa pepala lofunda
- Notion — Buku lofunda la pepala padzuwa la masana
- Anthropic — Magazini ya sayansi yokhudza malo ofunda a vellum—malo odekha okhala ndi minyanga ya njovu, mitu yolembedwa bwino, ndi mawu amodzi adothi omwe amaonekera pokhapokha ngati pakufunika kuchitapo kanthu.