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
- Mollie — He pākaukau cashmere, he puke moʻolelo ʻeleʻele. E waiho i kahi ākea keʻokeʻo no ka hoʻolālā hoʻoponopono a puni ka kikokikona ʻeleʻele, a laila e hoʻoikaika i nā kiko e pili ana i ka huahana me nā kirīmi mahana, nā ʻeleʻele espresso, a me nā kiʻi paʻi o nā ʻano uku maoli.
- Kagi — He lumi heluhelu kaʻawale. E hana i kahi ākea keʻokeʻo a puni ka kikokikona graphite wiwo ʻole, me ka hoʻohana ʻana i nā leo poni akahai a me nā ʻili pastel mahana e uhaʻi i ka mālie.
- Milanote — He hale hana hana hoʻolaʻa ʻo Milanote. E hana i nā ʻaoʻao kaila hale hōʻikeʻike hoʻoponopono me ka hoʻohana ʻana i nā papa ʻike lana: nā paia ʻeleʻele, kahi hōʻike keʻokeʻo, a me nā kiʻi paʻi e like me nā mea maoli me ka hohonu palupalu.
- Co2 — He atlas aniau i ke kukui hoʻoilo. E hana i nā ʻaoʻao e like me kahi ʻāina palapala lewa, kahi e hōʻike ai nā poʻo inoa serif, nā ʻikepili i hoʻopaʻa ʻia i ka mahele, a me nā kiʻi hau i nā palena keʻokeʻo ākea.
- GitButler — ʻŌmaʻomaʻo ma ka hopena o ke kikokikona. He hui pū ʻana o nā poʻo inoa serif ʻokoʻa kiʻekiʻe me nā grids loea maalea, nā ʻili graphite mahana, a me kahi leo turquoise huna.
- 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