Substack
inki yeorenji padhesiki muhofisi yekunyora
Substack inoita kunge dashboard yenhau yakasakara—canvas chena, mavara anodziya, anenge matema, uye orenji imwe chete yakajeka inoratidza danho rega rega rekugadzirwa kwezvinyorwa. Maitiro ekuona akavakirwa pakuwanda kwete pakushongedza: mitsetse mitete yegrey inoparadzanisa zvinhu zvekudyisa, maavatar madiki, metadata inodzimwa, uye ziso remuverengi rakadzidziswa kutarisa pane orenji yekudaidzira chiito, logo yeorenji, link yeorenji ye "Subscribe", uye bhatani yeorenji re "Create". Nzvimbo dzinochengetwa dzakati sandara uye dzisina kuganhurirwa—hapana mimvuri yemakadhi, hapana zvinhu zvepanel yechrome—zvichiita kuti typography (chinhu cheUI che chrome system chakasanganiswa nefonti yeserif yakagadzirwa) inotakura mutoro wehuremu hwekunyora. Maitiro echiratidzo akadzikama e chrome uye mavara anopenya, ane ruvara rumwe chete: app yekuverenga inonzwa sechishandiso chekuburitsa.
Kurongeka kwedesktop ine makoramu matatu: sidebar yekuruboshwe yakagadziriswa (~200px, kufamba nemifananidzo nema labels, inonamira), feed yepakati (upamhi hwepamusoro ~600px, runyorwa rwezvinyorwa zvinofamba zvakatwasuka), uye sidebar yerudyi yakagadziriswa (~300px, kutsvaga + mazano + kunyoresa). feed yepakati ndiyo core yekunyora - hapana makadhi, ingori mapositi akaunganidzwa pamusoro peumwe neumwe ane zvikamura zvitete uye mipata ye32px pakati pezvikamu. Banner huru iri pamusoro pefeed sekadhi rimwe chete rakazara. sidebar yekuruboshwe ine logo yebrand (chiratidzo cheorenji chine mitsara yakafukidzwa), zvinhu zvitanhatu zvekufamba, uye bhatani reorenji rakazara pasi. sidebar yekurudyi ine nzvimbo yekutsvaga, kadhi rekunyoresa, uye runyorwa rwe "Up Next" rwekuverenga. Kufamba kushoma - hapana top bar, hapana breadcrumbs; sidebar NDIYO kufamba. Kuwanda kwezviri mukati kwakakwira: mapositi anoshandisa metadata ye12-13px uye 15-19px body text, zvichigadzira mutinhimira wakaita sepepanhau pane kunzwa kwegridi yemakadhi emusika.
Mifananidzo iri muzvinyorwa zvinogadzirwa nevashandisi (maavatar evanyori, mifananidzo midiki, mifananidzo yekutumira)—Substack haina mifananidzo yayo yekushongedza. Kadhi guru rinoshandisa gradient yebhuruu kusvika yegirini ine zvinhu zvisinganzwisisike (maumbirwo ejometri, zvinhu zvakagadzirwa semapeni nezvinyorwa) semufananidzo wemashure. Mifananidzo midiki iri kurudyi idiki (64px), yakavharirwa mu8px radius, uye inoshanda sekutarisa runyorwa rwekuverenga. Mutauro wese wekuona wakavakirwa pamavara: interface icanvas yekuverenga, uye mifananidzo inoshanda sezvishongedzo zvidiki pane kugadzira mamiriro ekunze.
Palette
Rudzi
- Signal Orange
#ff6719— Orenji inoshandiswa senzira yechipiri yekushongedza uye kuratidza zviratidzo zvisingawanzoitiki. Haifanirwe kushandiswa seruvara rukuru rwekukurudzira vanhu kuita chimwe chinhu.
Kwakarerekera
- Ink
#363737— Rugwaro rwemuviri—rugwaro rukuru, misoro, mazita ezvinyorwa, nguva, uye mazita evanyori; ruvara runodziya, runenge rutema panzvimbo pe #000 chaiyo kuti zvive nyore kuverenga. - Paper
#ffffff— Kanivhasi yemapeji, nzvimbo dzemakadhi, nzvimbo dzekupinda, uye nzvimbo yekunamira ndizvo zvinhu zvinonyanya kushandiswa pahuwandu hwakawanda hweinterface. - Charcoal
#232525— Hover state kuti uwane mamwe mashoko uye malink ane mazinga ekusarudza akakwira; yakadzika kupfuura Ink mode yemakodhi blocks uye mabhokisi ekusarudza. - Stone
#777777— Ruvara rusina kuenzana runotsigirwa kune zvimwe zvinhu zveUI, zvinoparadzanisa, uye mavara akadzima. Harufanirwe kushandiswa seruvara rukuru rwekudana chiito. - Ash
#b6b6b6— Mitsetse mitete yemuganhu, marongero emabhatani, marongero ezviratidzo, miganhu pane zvinodzora zvakabviswa. - Mist
#c8c8c8— Kupatsanura mitsetse, kumashure kusingaonekwe kwezviratidzo, kuzadza masero asina chinhu muchimiro chemapfupa.
Kunyora
kubva pa12 kusvika pa32px · nhanho 5
- system-ui — kutsiva: -apple-system · marongero 400, 500, 600 · Fonti huru yemushandisi weinterface uye body text inoshandiswa pakunyora mazita, mabhatani, meseji, metadata, nzvimbo dzekupinda, uye zvese zviri muinterface. Saizi dzakatetepa dze12-13px dzemetadata uye 15-19px dzemuviri wechinyorwa dzinoita kuti pave nenhau dzakawanda. Huremu hwacho i400 yemuviri wechinyorwa, 500 yezvinyorwa zvekufamba uye mabhatani, uye 600 yemisoro yemeseji yakaratidzwa nemisoro yezvikamu.
- Cahuenga — kutsiva: Charter · marongero 500 · Fonti yekushongedza yeserif yemisoro yemhando yepamusoro yechigadzirwa (misoro yemativi, misoro yemakadhi ekunyoresa, rugwaro rukuru). Huremu hwayo hwepakati uye kureba kwayo kudiki kunoita kuti iratidzike zvakanaka pasina kunzwa yakakura; ndiyo fonti yega, kunze kweruvara rweorenji, inoratidza kuzivikanwa kwaSubstack.
- Spectral — kutsiva: Charter · marongero 400 · Fonti yeserif yezvinyorwa zvirefu—inoshandiswa mumakamuri ekuverenga uye mune zvemukati zvenhau kuti zvive nyore kuverenga zvinyorwa zvekunyora. Kureba kwemitsara (1.20) kunoita kuti ndima dzive nyore kuverenga ukuwo dzichiramba dzakapfava sezvinoitwa mumakamuri enhau.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | gobvu |
| Danho rekutanga | 8px |
| Radiyo yebhatani | 9999px |
| Nharaunda yekadhi | 12px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 32px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Substack uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- ElevenLabs — Rondedzero yemifananidzo ine mavara anodziya ane misoro midiki. Bhuku rekunyorera rakagadzirwa seBauhaus—pepa rine ruvara rwegoko remazai, inki nhema, uye ruvara rwepepuru neorenji chete rwekuratidzwa kwechigadzirwa.
- Awesomic — Mesh ye zinc ine zviratidzo zveorenji zvinoyeuchidza nezve confetti
- Monad — magazini yehunyanzvi yekunyora pamusoro peganda rinodziya
- Dub — Panera rekudzora repepa remupunga rakagadzirwa neLink
- Seline Analytics — Tafura yekuongorora yakanyarara papepa rinodziya
- Notion — Bhuku rekunyorera rinodziya muzuva remasikati
- Anthropic — Chinyorwa chesainzi pamusoro pemakwenzi anodziya emhando ye "vellum"—nzvimbo dzakadzikama dzenzou, misoro yenyaya dzakanyorwa, uye matauriro evhu rimwe chete anongoonekwa kana paine chikonzero chekuita chimwe chinhu.
- Calendly — Inki yebhuruu yakasviba padombo remabhura rinotonhora
- Augen Pro — Chiratidziro chechena cheApple chine ruvara rwebhuruu rwemagetsi, rusina huremu, sechinhu chinongoshandiswa chete munzvimbo ine ruvara rwemonochrome.
- Antimetal — Nyaya yekunyora pamusoro penyaya yekirimu—mangwanani akanyarara pamagazini yesainzi, uko kuzvidzora kunoratidza chivimbo uye varwi vanoita basa guru
- Perk — Lime yemagetsi papepa rinodziya reparchment
- Ditto — Nzvimbo yekuchengetera maruva emusango yakavhenekerwa nezuva. Nzvimbo dzinodziya dzekirimu, ruvara rweyero rinopenya, inki dzebhuruu dzakadzika, mavara emhando yeorganic ari kutumbuka seri kwechigadzirwa.