Notion
He puke pepa mahana i ka lā awakea
Ua like ka ʻaoʻao o Notion me kahi puke pepa punahele i ke ao ākea: he canvas mehana a momona (#f6f5f4) e like me ka paʻi ʻana ma mua o ka sterile, ka typography sans-serif lokomaikaʻi e hāʻawi ana i ke kaumaha hoʻoponopono i ke kope huahana, a me ke kala i hoʻohana ʻia e like me nā kaha kiko sparse—peach "pills" highlight verbs, hoʻokahi polū e hoʻopaʻa i ka hana nui, a me kahi ʻano wili o nā hues accent (coral, amber, sky, midnight) e hoʻoluʻu i nā hope kāleka e like me nā stickers. Hoʻonohonoho ʻia nā kāleka ma luna o kahi canvas me nā palena lahilahi a me nā kihi—ʻaʻohe aka, ʻaʻohe chrome—e like me nā ʻāpana laina o kahi puke Moleskine. He pāʻani a he springy ka animation, me nā hoʻololi maʻalahi ma 200ms a me nā animations springy character e lawe mai i ke ola i ka interface me ka ʻole o ka hoʻonaninani.
Ma ke kikowaena, ua kaupalena ʻia ka laulā kiʻekiʻe loa ma kahi o 1440px. ʻO ka mea nui he waihona kikowaena: kahi lālani o nā hōʻailona → kahi poʻo inoa nui ʻelua laina me kahi pila kala i hoʻokomo ʻia → kahi poʻomanaʻo liʻiliʻi → kahi lālani me ʻelua mau pihi kāhea-i-hana → kahi hoʻohālike UI huahana nui. Ma lalo o ka mea nui, hoʻololi nā ʻāpana ma waena o nā grids o nā kāleka keʻokeʻo a me nā panela accent kala piha. ʻO ka paia logo he grid lālani hoʻokahi kikowaena o nā logos hoa ma ka hina hina. Hoʻohana nā poloka hiʻohiʻona i kahi hoʻonohonoho ʻelua kolamu (kikokikona ma ka hema, panela kala ma ka ʻākau), e hoʻololi ana mai ka hema a i ka ʻākau ma waena o nā ʻāpana. Hoʻohana ka ʻāpana "E nīnau i kāu poʻe kōkua ma ke koi" i kahi grid kāleka 2x2, kahi e lawe ai ke kāleka kiʻekiʻe i ka laulā piha, a ua māhele ʻia ka lālani lalo i ʻelua kolamu like. He nui nā ʻauwai ma waena o nā ʻāpana (~80px), e hana ana i kahi mele kū mālie. ʻO ka hoʻokele he pā kiʻekiʻe 64px paʻa me nā mea hoʻokele kikowaena a me nā pihi hana i hoʻonohonoho ʻākau ʻia.
He mea nui nā kiʻi, me ka ʻole o nā kiʻi. Kūkulu ʻia ka ʻōlelo ʻike maka ma luna o nā hōʻailona pālahalaha i hoʻohālikelike ʻia (nā kihi poepoe i loko o nā pōʻai kala 2px), nā mea hoʻonaninani abstract (nā squiggles i kaha lima ʻia, ka ʻālohilohi, nā pua, nā ʻano pua), a me nā hoʻohālike o ka interface mea hoʻohana o ka huahana. ʻIke ʻia nā hōʻailona ma ka puka makani nui ma ke ʻano he lālani ʻehiku avatars a ua hoʻopuehu ʻia ma ka ʻaoʻao ma ke ʻano he mau kaha kiko pāʻani. ʻO nā kiʻi paʻi kiʻi huahana wale nō nā mea ʻike maka "maoli": hōʻike lākou i ka interface Notion maoli (nā papa Kanban, nā hiʻohiʻona palapala, nā panela ʻelele AI) me kahi hoʻonohonoho piha o nā mea a me ka ʻikepili maoli. He nui ka hoʻohālike huahana ma ka puka makani nui, ma ke kikowaena, a hoʻolei i hoʻokahi aka e hoʻokaʻawale ana iā ia mai ka canvas. ʻAʻohe kiʻi nohona, ʻaʻohe kiʻi waihona, ʻaʻohe renders 3D abstract.
Paleta
Lama
- Notion Blue
#0075de— ʻO ka mea nui e hoʻopiha ana i ka pihi kāhea-i-ka-hana (CTA), kahi leo hoʻoikaika i ka hoʻokele hana, nā pihi hana i hoʻopiha ʻia ʻo ia wale nō ke ʻano kala i loko o kahi ʻōnaehana monochrome kokoke i ka lawa ʻana o ka lawa e ʻike ʻia he kuapo.
Kūlike ʻole
- Paper Warmth
#f6f5f4— ʻO ke kāwele ʻaoʻao, ke kua o ka puka makani nui, a me ke kua o nā ʻāpana he mau waihoʻoluʻu mehana a beige iki e hāʻawi ana i ka ʻōnaehana i kahi manaʻo hoʻopā a analog. - Pure White
#ffffff— Nā ʻili kāleka, nā panela i hoʻokiʻekiʻe ʻia, ke kua o ka logo, nā kikokikona ʻokoʻa ma nā kāleka ʻeleʻele. - Ink Black
#000000— Kikokikona nui, nā loulou hoʻokele, nā poʻomanaʻo - hoʻohana ʻia me ka moakāka like ʻole (100%, 95%, 90%, 60%, 40%, 20%) e kūkulu i ka hierarchy me ka ʻole o ka hoʻohui ʻana i nā kala hou. - Charcoal
#111111— He koho kikokikona ʻeleʻele no kēlā mau wahi UI kahi e nānā ʻino loa ai ka ʻeleʻele maʻemaʻe. - Stone
#757575— Kikokikona hoʻokele lua, kikokikona kōkua i hoʻomālielie ʻia, nā lepili pihi i hoʻopau ʻia - 60% ʻīnika alpha - Graphite
#615d59— He leo mahana ko ke kikokikona nui - hina hina, kahi e kūlike me ke kua mahana.
Palapala hoʻopili
mai 12 a i 96px · 10 mau ʻanuʻu
- NotionInter — pani: Inter · nā hoʻolālā 400, 500, 600, 700 · ʻO ke kino hua sans-serif nui he ʻano humanist geometric me nā nuances liʻiliʻi, hoʻohana ʻia ma nā nui 400 no ke kino kikokikona, 500 no ka hoʻokele/interface mea hoʻohana, a me 600-700 no nā poʻomanaʻo. Hoʻohana ka unahi hua i ka hoʻokaʻawale leka maikaʻi ʻole i nā nui nui (-4.6px ma 96px, -2px ma 72px), ka mea e ʻoi aku ka liʻiliʻi a me ka hilinaʻi o ke poʻomanaʻo, ma mua o ka ea.
- Lyon Text — pani: Source Serif Pro · nā hoʻolālā 400 · ʻO ka font serif hoʻoponopono, i mālama ʻia no nā ʻāpana pākahi o ka kikokikona nui a me nā hoʻolauna ʻāpana, hoʻohana iki ʻia (ʻehā mau manawa) e hāʻawi i ke kaumaha palapala o ka typeface, e like me kahi ʻōlelo i loko o kahi hoʻonohonoho makasina. Hana ia ma ke ʻano he leo ʻōnaehana ma mua o kahi hierarchy like.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | awelika |
| Kaʻanuʻu kumu | 8px |
| Ka radius o ke pihi | 8px |
| Ka laulā o ke kāleka | 12px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 80px |
| Ka laulā o ka ʻaoʻao | 1440px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Notion 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
- 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.
- Officevibe — He makasina hoʻoponopono ma ka pepa kala kirīmi mahana. E noʻonoʻo i kahi moʻolelo noʻonoʻo e pili ana i ka hoʻokele HR, i hōʻike ʻia ma ke ʻano he huahana—he font serif cursive e hāwanawana ana ma o kahi interface polū hou.