
Substack
ʻīnika ʻalani ma luna o ka pākaukau ma ke keʻena hoʻoponopono
Ua like ʻo Substack me kahi dashboard lumi nūhou i hoʻohana maikaʻi ʻia—he canvas keʻokeʻo, kikokikona mahana, kokoke i ka ʻeleʻele, a me kahi leo ʻalani ʻālohilohi hoʻokahi e hōʻailona ana i kēlā me kēia pae o ka hana ʻana i nā ʻike. Kūkulu ʻia ka hierarchy ʻike ma luna o ka mānoanoa ma mua o ka hoʻonaninani: hoʻokaʻawale nā laina hina lahilahi i nā mea hānai, liʻiliʻi nā avatars, ua mālie ka metadata, a ua aʻo ʻia ka maka o ka mea heluhelu e kālele i ke kāhea ʻalani i ka hana, ka logo ʻalani, ka loulou "Subscribe" ʻalani, a me ka pihi "Create" ʻalani. Mālama ʻia nā ʻili a ʻaʻohe palena—ʻaʻohe aka kāleka, ʻaʻohe mea panel chrome—e ʻae ana i ka typography (kahi mea UI ʻōnaehana chrome compact i hui pū ʻia me kahi font poʻomanaʻo serif maʻamau) e lawe i ke kaumaha o ka hoʻoponopono. ʻO ke ʻano pūlima he mau mea chrome i kāohi ʻia a me nā pops kala hoʻokahi: kahi polokalamu heluhelu e like me kahi mea hana hoʻopuka.
ʻO kahi hoʻonohonoho pākaukau ʻekolu kolamu: kahi ʻaoʻao hema paʻa (~200px, hoʻokele me nā kiʻiona a me nā lepili, sticky), kahi hānai waena (ka laulā kiʻekiʻe ~600px, papa inoa ʻōwili kū pololei o nā pou), a me kahi ʻaoʻao ʻākau paʻa (~300px, huli + ʻōlelo paipai + hoʻopaʻa inoa). ʻO ka hānai waena ka ʻaoʻao hoʻoponopono—ʻaʻohe kāleka, nā pou wale nō i hoʻopaʻa ʻia ma luna o kekahi me nā mea hoʻokaʻawale lahilahi a me nā hakahaka 32px ma waena o nā ʻāpana. Noho ka hae nui ma luna o ka hānai ma ke ʻano he kāleka piha piha hoʻokahi. Aia ka ʻaoʻao hema i ka logo brand (kahi hōʻailona ʻalani me nā laina i uhi ʻia), ʻeono mau mea hoʻokele, a me kahi pihi ʻalani piha "Hana" ma lalo. Aia ka ʻaoʻao ʻākau i kahi kahua huli, kahi kāleka hoʻopaʻa inoa, a me kahi papa inoa "Up Next" no ka heluhelu ʻana. He liʻiliʻi ka hoʻokele—ʻaʻohe pā luna, ʻaʻohe berena ʻōpala; ʻO ka ʻaoʻao ka hoʻokele. Kiʻekiʻe ka nui o ka ʻike: hoʻohana nā pou i ka metadata 12-13px a me ke kikokikona kino 15-19px, e hana ana i kahi mele e like me ka nūpepa ma mua o ka manaʻo o ka grid kāleka mākeke.
He ʻike i hana ʻia e ka mea hoʻohana nā kiʻi (nā avatar a ka mea kākau, nā kiʻi liʻiliʻi o ka pou, nā kiʻi pou)—ʻAʻole hāʻawi ʻo Substack i kāna mau kiʻi hoʻonaninani ponoʻī. Hoʻohana ke kāleka nui i kahi gradient turquoise a ʻōmaʻomaʻo me nā mea hoʻohālike abstract (nā ʻano geometric, nā mea i hoʻonaninani ʻia e like me nā peni a me nā memo) ma ke ʻano he kua. He liʻiliʻi nā kiʻi liʻiliʻi o ka pou ma ka ʻaoʻao ʻākau (64px), i hoʻopuni ʻia i loko o kahi radius 8px, a hana ma ke ʻano he nānā mua o ka papa inoa heluhelu. Hoʻokumu ʻia ka ʻōlelo ʻike ma ke ʻano he kikokikona: he canvas heluhelu ka interface, a lawelawe nā kiʻi ma ke ʻano he mau heleuma ʻike liʻiliʻi ma mua o ka hoʻokumu ʻana i ka lewa.
Paleta
Lama
- Signal Orange
#ff6719— Hoʻohana ʻia ka ʻalani ma ke ʻano he kala lua no nā kikoʻī hoʻonaninani a e hōʻike i nā kuhi pinepine ʻole. ʻAʻole pono e hoʻohana ʻia ma ke ʻano he kala mua no nā kāhea i ka hana.
Kūlike ʻole
- Ink
#363737— Kino kikokikona—ʻo ke kikokikona nui, nā poʻomanaʻo, nā inoa o ka pou, nā hōʻailona manawa, a me nā inoa o ka mea kākau; he waihoʻoluʻu mehana, kokoke i ka ʻeleʻele ma kahi o ka #000 maʻemaʻe no ka maʻalahi o ka heluhelu ʻana. - Paper
#ffffff— ʻO ka canvas ʻaoʻao, nā ʻili kāleka, nā kahua hoʻokomo, a me ke kua hoʻokele nā ʻili nui e noho ana ma ka hapa nui o ka interface. - Charcoal
#232525— E hoʻoneʻe i ke kūlana hoʻokele no nā kikokikona hou aʻe a me nā loulou me nā pae koho kiʻekiʻe; ʻoi aku ka hohonu ma mua o ke ʻano Ink no nā poloka code a me nā poloka koho. - Stone
#777777— Kākoʻo ʻia kahi waihoʻoluʻu kūlike ʻole no nā mea UI lua, nā mea hoʻokaʻawale, a me nā lepili i hoʻomālielie ʻia. ʻAʻole pono e hoʻohana ʻia ma ke ʻano he waihoʻoluʻu mua no nā kāhea i ka hana. - Ash
#b6b6b6— Nā laina palena lahilahi, nā kiʻi pihi, nā kiʻi ikona, nā palena ma nā mana i hoʻopau ʻia. - Mist
#c8c8c8— Nā laina hoʻokaʻawale, kahi hope unobtrusive no nā kiʻi, hoʻopiha i nā cell hakahaka ma ke ʻano o kahi iwi.
Palapala hoʻopili
mai 12 a 32px · 5 mau ʻanuʻu
- system-ui — pani: -apple-system · nā hoʻolālā 400, 500, 600 · Hoʻohana ʻia ka kinona mua no ka ʻaoʻao hoʻohana a me ke kikokikona kino no nā lepili hoʻokele, nā pihi, ka kikokikona leka, ka metadata, nā kahua hoʻokomo, a me nā mea hoʻohana āpau. ʻO nā nui liʻiliʻi o 12-13px no ka metadata a me 15-19px no ke kikokikona kino e hana i ka manaʻo o kahi hānai nūhou paʻa. ʻO ke kaumaha he 400 no ke kikokikona kino, 500 no nā mea hoʻokele a me nā lepili pihi, a me 600 no nā poʻo inoa leka i hōʻike ʻia a me nā poʻo inoa ʻāpana.
- Cahuenga — pani: Charter · nā hoʻolālā 500 · He kinona serif hoʻonaninani kūikawā no nā poʻomanaʻo pae huahana (nā poʻomanaʻo ʻaoʻao, nā poʻomanaʻo kāleka hoʻopaʻa inoa, kikokikona nui). ʻO kona kaumaha waena a me ke kiʻekiʻe laina iki e hāʻawi iā ia i kahi hiʻohiʻona hanohano me ka ʻole o ka manaʻo nui; ʻo ia wale nō ka kinona e hōʻike ana i ka ʻike o Substack, ma waho aʻe o ke kala ʻalani.
- Spectral — pani: Charter · nā hoʻolālā 400 · He kinona serif no nā pou lōʻihi—hoʻohana ʻia i loko o nā lumi heluhelu a me nā ʻike nūhou e hoʻomaikaʻi i ka heluhelu ʻana o nā mea hoʻoponopono. ʻO kahi laina laina paʻa iki (1.20) e hōʻoiaʻiʻo ana i ka heluhelu ʻoluʻolu ʻana i nā paukū me ka mālama ʻana i ka liʻiliʻi maʻamau o nā lumi nūhou.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | mānoanoa |
| Kaʻanuʻu kumu | 8px |
| Ka radius o ke pihi | 9999px |
| Ka laulā o ke kāleka | 12px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 32px |
| Ka laulā o ka ʻaoʻao | 1200px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Substack a hoʻopiha iā ia
- E hoʻopiha me nā huahana a me nā pou ma o ka loulou - Instagram, TikTok, Facebook.
- E hoʻoili i ka ʻike mai kāu pūnaewele kahiko—e kuhikuhi wale i ka helu wahi.
- Hoʻolālā hou ma ka ʻenekini maikaʻi loa: React ( Next.js) me ka hoʻoili ʻana o ke kikowaena a me ka hoʻonui ʻana o SEO ma waho o ka pahu.
- Hoʻonohonoho piha ʻana i ka SEO no nā hopena hulina a me nā ʻōlelo paipai pūnaewele neural.
Nā kaila like
- ElevenLabs — He moʻolelo kiʻi me nā leo kirīmi mehana me nā poʻo inoa lahilahi. He puke noke kaila Bauhaus—pepa kala ʻōhua manu, ʻīnika ʻeleʻele, a me hoʻokahi leo poni a me ka ʻalani no ka hōʻikeʻike huahana.
- Awesomic — ʻUpena zinc hoʻoponopono me nā māka kiko ʻalani e hoʻomanaʻo ana i ka confetti
- Monad — puke pai loea hoʻoponopono ma ka pepa mehana
- Dub — ʻO ka papa hoʻomalu pepa laiki matte a Link
- Seline Analytics — He papa loiloi mālie ma ka pepa mahana
- Notion — He puke pepa mahana i ka lā awakea
- Anthropic — He puke pai ʻepekema ma ka vellum mehana—nā ʻili niho ʻelepani mālie, nā poʻomanaʻo hoʻoponopono serifed, a me kahi leo pālolo hoʻokahi e ʻike ʻia ana ke pono wale nō ka hana.
- Calendly — ʻĪnika polū ʻeleʻele ma luna o ke kinikini anu
- Augen Pro — Hōʻike ka hōʻike keʻokeʻo a Apple i kahi polū uila, maʻalahi, ʻo ia wale nō ke ʻano hoʻokahi i kahi wahi monochrome.
- Antimetal — He moʻolelo hoʻoponopono ma ka pepa kirīmi—he kakahiaka mālie ma kahi puke pai ʻepekema, kahi e hōʻike ai ke kāohi ʻana i ka hilinaʻi a me nā serif e hana i ka hāpai kaumaha
- Perk — Lime uila ma ka pepa pepa mahana
- Ditto — He hale hana i hoʻomālamalama ʻia e ka lā e hana ana i nā laʻana pua hihiu. ʻO nā ʻili kirīmi mehana, kahi waihoʻoluʻu melemele ʻōlinolino, nā ʻīnika polū hohonu, nā ʻano waihoʻoluʻu organik e pua ana ma hope o ka ʻāpana.