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
- 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.
- Calendly — Inki yabuluu wakuda pa marble yozizira
- Augen Pro — Chovala choyera cha Apple chili ndi mtundu wa buluu wamagetsi, wopanda kulemera, womwe umagwiritsidwa ntchito kokha ngati chokongoletsera cha monochrome.
- Antimetal — Nkhani yolembedwa pa pepala lokongola—m'mawa chete m'magazini ya sayansi, komwe kudziletsa kumasonyeza chidaliro ndipo a serif amachita zinthu zolemetsa
- Perk — Laimu wamagetsi pa pepala lofunda lopaka
- Ditto — Malo ochitira maluwa akuthengo omwe amawala ndi dzuwa. Malo ofunda a kirimu, mtundu wachikasu wowala, inki yabuluu yozama, mitundu yachilengedwe yomwe imamera kumbuyo kwa chidutswacho.