Substack
ink oroma n'elu tebụl dị n'ọfịs nchịkọta akụkọ
Substack dị ka dashboard ụlọ akụkọ nke e ji aka rụọ nke ọma—akwa ọcha, ederede na-ekpo ọkụ, nke fọrọ nke nta ka ọ bụrụ oji, na otu olu oroma na-egbuke egbuke nke na-egosi ọkwa ọ bụla nke imepụta ọdịnaya. E wuru usoro ihe ngosi ahụ na njupụta kama ịchọ mma: ahịrị isi awọ dị gịrịgịrị kewapụrụ ihe nri, avatars dị obere, a na-eme ka metadata ghara ịdị mma, a na-azụkwa anya onye na-agụ ya ilekwasị anya na oku oroma maka ime ihe, akara oroma, njikọ oroma "Ịdenye aha" oroma, na bọtịnụ oroma "Mepụta". A na-edebe elu dị larịị ma ghara igbochi ya—enweghị onyinyo kaadị, enweghị ihe panel chrome—na-ekwe ka typography (ihe UI sistemụ chrome dị obere jikọtara ya na mkpụrụedemede isi serif omenala) buru ibu nke ibu nchịkọta akụkọ. Ụdị mbinye aka ahụ bụ ihe chrome ejiri aka mee na pops na-egbuke egbuke, otu agba: ngwa ọgụgụ nke dị ka ngwaọrụ mbipụta.
Nhazi desktọpụ atọ nwere kọlụm: akụkụ aka ekpe edobere (~200px, igodo nwere akara ngosi na akara ngosi, rapara), nri etiti (oke obosara ~600px, ndepụta nke posts na-agagharị n'akụkụ kwụ ọtọ), na akụkụ aka nri edobere (~300px, ọchụchọ + ndụmọdụ + ndebanye aha). Nri etiti bụ isi nchịkọta akụkọ - enweghị kaadị, naanị posts ndị a kpọkọtara n'elu ibe ha nwere ihe nkesa dị gịrịgịrị na oghere 32px n'etiti ngalaba. Ọkọlọtọ bụ isi dị n'elu ndepụta ahụ dị ka otu kaadị obosara zuru oke. Akụkụ aka ekpe nwere akara ngosi akara (akara oroma nwere ahịrị ekpuchiri), ihe igodo isii, na bọtịnụ oroma "Mepụta" obosara zuru oke na ala. Akụkụ aka nri nwere ubi ọchụchọ, kaadị ndebanye aha, na ndepụta "Up Next" maka ịgụ. Njem dị obere - enweghị ogwe elu, enweghị achịcha; akụkụ aka nri bụ igodo. Njupụta ọdịnaya dị elu: posts na-eji metadata 12-13px na ederede ahụ 15-19px, na-emepụta ụda dị ka akwụkwọ akụkọ kama mmetụta nke grid kaadị ahịa.
Foto bụ ihe ndị onye ọrụ mepụtara (avatars onye dere ya, obere ihe osise, onyonyo post)—Substack anaghị enye foto ịchọ mma nke ya. Kaadị bụ isi na-eji gradient turquoise ruo akwụkwọ ndụ akwụkwọ ndụ nwere ihe osise nkịtị (ụdị geometric, ihe ndị a haziri ahazi dị ka pen na ndetu) dị ka ndabere. Mkpisiaka post dị n'akụkụ aka nri dị obere (64px), nke dị na radius 8px, ma na-arụ ọrụ dị ka nlele nke ndepụta ọgụgụ. Asụsụ anya zuru oke dabere na ederede: interface ahụ bụ kanvas ọgụgụ, onyonyo na-ejekwa ozi dị ka obere ihe a na-ahụ anya kama ịmepụta ikuku.
Paletị
Akara
- Signal Orange
#ff6719— A na-eji oroma eme ihe dị ka ihe na-egosi ihe ịchọ mma na ihe na-egosi ihe ndị a na-anaghị ahụkarị. E kwesịghị iji ya mee ihe dị ka agba mbụ maka ịkpọ oku maka ihe omume.
Na-anọpụ iche
- Ink
#363737— Ederede ahụ—isi ederede, isi okwu, aha post, akara oge, na aha onye dere ya; agba na-ekpo ọkụ, nke fọrọ nke nta ka ọ bụrụ oji kama #000 dị ọcha maka ọgụgụ dị mfe. - Paper
#ffffff— Ihe osise ibe, elu kaadị, ubi ntinye, na ndabere ụzọ bụ ihe ndị kacha jupụta na ihe osise ahụ. - Charcoal
#232525— Ọnọdụ hover maka ederede na njikọ ndị ọzọ nwere ọkwa nhọrọ dị elu; karịa ọnọdụ Ink maka blọk koodu na blọk nhọrọ. - Stone
#777777— A na-akwado agba na-anọpụ iche maka ihe ndị dị na UI nke abụọ, ihe nkesa, na akara ndị a na-anaghị ekwu okwu. Ekwesighi iji ya dị ka agba bụ isi maka oku maka ihe omume. - Ash
#b6b6b6— Ahịrị dị gịrịgịrị, ndepụta bọtịnụ, ndepụta akara ngosi, ókè na njikwa ndị nwere nkwarụ. - Mist
#c8c8c8— Kewaa ahịrị, ndabere na-enweghị ihe mgbochi maka akara ngosi, na-ejupụta mkpụrụ ndụ efu n'ụdị ọkpụkpụ.
Ụdị edemede
site na 12 ruo 32px · Nzọụkwụ 5
- system-ui — nnọchi: -apple-system · ihe nhazi 400, 500, 600 · A na-eji mkpụrụedemede bụ isi maka interface onye ọrụ na ederede ahụ maka akara igodo, bọtịnụ, ederede ozi, metadata, ubi ntinye, na ihe niile dị na interface. Nha dị obere nke 12-13px maka metadata na 15-19px maka ederede ahụ na-emepụta mmetụta nke nri akụkọ dị oke egwu. Ibu ya bụ 400 maka ederede ahụ, 500 maka ihe na-agagharị na akara bọtịnụ, na 600 maka aha ozi na isi okwu ngalaba.
- Cahuenga — nnọchi: Charter · ihe nhazi 500 · Mkpụrụedemede serif mara mma maka isi ihe dị na ngwaahịa (isi ihe dị n'akụkụ, isi ihe dị na kaadị ndebanye aha, ederede bụ isi). Ibu ya dị ọkara na obere ogologo ahịrị na-enye ya ọdịdị pụrụ iche na-enweghị mmetụta ibu; ọ bụ naanị mkpụrụedemede nke, ewezuga agba oroma, na-egosi njirimara Substack.
- Spectral — nnọchi: Charter · ihe nhazi 400 · Mkpụrụedemede serif maka ederede ndị dị ogologo—a na-eji ya eme ihe n'ime ụlọ akwụkwọ na n'ime ihe ndị na-akọ akụkọ iji melite ọgụgụ nke ihe ndị e dere ede. Oghere dị ntakịrị (1.20) na-eme ka ọgụgụ paragraf dị mma ma na-eme ka ọ dị mfe ịgụ ebe a na-echekwa obere ihe dị ka ụlọ akụkọ.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | dị oke arọ |
| Nzọụkwụ bụ isi | 8px |
| Redịọs bọtịnụ | 9999px |
| Redịọs kaadị | 12px |
| Onyinyo | mba - ókèala kama onyinyo |
| N'etiti ngalaba | 32px |
| Obosara ibe | 1200px |
AI ga-ewulite weebụsaịtị gị n'ụdị Substack ma jupụta ya
- Jupụta ngwaahịa na ozi site na njikọ ahụ - Instagram, TikTok, Facebook.
- Bufee ọdịnaya site na saịtị ochie gị—kpọọ naanị adreesị ahụ.
- Nhazi ọgbara ọhụrụ na injin kacha mma: React ( Next.js) na nhazi sava na nhazi SEO n'ime igbe.
- Nhazi SEO akpaghị aka zuru oke maka nsonaazụ ọchụchọ na ndụmọdụ netwọkụ akwara.
Ụdị ndị yiri ya
- ElevenLabs — Edemede foto n'ụdị ude ọkụ nwere isi akụkọ dị mfe nghọta. Akwụkwọ ndetu ụdị Bauhaus—akwụkwọ nwere agba àkwá, ink ojii, na otu olu odo odo na oroma maka ngosipụta ngwaahịa.
- Awesomic — Ntugharị zinc nke nchịkọta akụkọ nwere akara edemede oroma na-echetara gị confetti
- Monad — akwụkwọ akụkọ teknụzụ nchịkọta akụkọ gbasara akwụkwọ parchment ọkụ
- Dub — Ogwe njikwa akwụkwọ osikapa matte nke Link
- Seline Analytics — Tebụl nyocha dị jụụ dị n'elu akwụkwọ ọkụ
- Notion — Akwụkwọ ndetu akwụkwọ na-ekpo ọkụ n'anwụ ehihie
- Anthropic — Akwụkwọ akụkọ sayensị gbasara vellum na-ekpo ọkụ—elu ọdụ́ dị jụụ, isi akụkọ e serifed, na otu olu ụrọ nke na-apụta naanị mgbe ọ dị mkpa ime ihe.
- Calendly — Ink na-acha anụnụ anụnụ gbara ọchịchịrị n'elu mabụl oyi
- Augen Pro — Ngosipụta ọcha nke Apple nwere acha anụnụ anụnụ eletriki, nke na-enweghị ibu, dịka naanị olu ya n'ime oghere monochrome.
- Antimetal — Akụkọ ihe mere eme nke akwụkwọ edemede dị n'akwụkwọ ude—ụtụtụ dị jụụ n'akwụkwọ sayensị, ebe njide onwe onye na-egosi obi ike na serif na-ebuli ibu arọ
- Perk — Lime eletriki dị na akwụkwọ parchment ọkụ
- Ditto — Ụlọ ọrụ ebe a na-eme ihe atụ okooko osisi ọhịa. Elu ude na-ekpo ọkụ, agba ntọala odo odo na-egbuke egbuke, ink anụnụ anụnụ miri emi, agba organic na-acha okooko osisi n'azụ ihe ahụ.