Notion
Ìwé àkọsílẹ̀ ìwé gbígbóná ní oòrùn ọ̀sán gangan
Ìfọwọ́sowọ́pọ̀ Notion dà bí ìwé àkọsílẹ̀ ìwé tí a fẹ́ràn ní ojú ọjọ́ gbogbo: káfíìsì gbígbóná, onípara (#f6f5f4) tí ó nímọ̀lára ìfọwọ́kàn dípò kí ó jẹ́ aláìlera, tí ó ní onírúurú ìkọ̀wé sans-serif tí ó ń fún àwòkọ ọjà náà ní ìwọ̀n olóòtú, àti àwọ̀ tí a lò gẹ́gẹ́ bí àmì ìdámọ̀ràn díẹ̀—àwọn ìṣùpọ̀ "peach" tí ó ń fi àwọn ọ̀rọ̀ ìṣe hàn, àwọ̀ búlúù kan ṣoṣo ló ń darí iṣẹ́ pàtàkì náà, àti onírúurú àwọ̀ ohùn tí ń yípo (coral, amber, sky, midnight) ń fi àwọ̀ àwọ̀ àwọ̀ hàn bí àwọn síkà. A ṣètò àwọn káàdì sórí káfíìsì pẹ̀lú àwọn ààlà àti igun tín-ín-rín—kò sí òjìji, kò sí chrome—bí àwọn apá tí a fi ìlà sí nínú ìwé àkọsílẹ̀ Moleskine. Animation jẹ́ eré àti onígbà, pẹ̀lú àwọn ìyípadà dídán ní 200ms àti àwọn ohun ìṣeré onígbà tí ó ń mú ìyè wá sí ojú ìwòye láìsí ohun ọ̀ṣọ́.
Ní àárín, ìwọ̀n tó pọ̀ jùlọ ní ìwọ̀n tó tó 1440px. Ohun pàtàkì ni àkójọpọ̀ tó wà ní àárín: ìlà àwọn àmì → àkọlé ìlà méjì ńlá pẹ̀lú ìpara aláwọ̀ tó wà nínú rẹ̀ → àkọlé kékeré → ìlà kan pẹ̀lú àwọn bọ́tìnì ìpè-sí-ìgbésẹ̀ méjì → àwòkọ UI ọjà ńlá kan. Ní ìsàlẹ̀ ohun pàtàkì, àwọn apá máa ń yípo láàrín àwọn àkójọpọ̀ káàdì funfun àti àwọn páànẹ́lì àsọyé aláwọ̀ kíkún. Ògiri àmì náà jẹ́ àkójọpọ̀ ìlà kan ṣoṣo tó wà ní àárín àwọn àmì alábàáṣiṣẹpọ̀ ní ìwọ̀n àwọ̀ ewé. Àwọn ohun èlò ìṣàpẹẹrẹ náà ń lo ìṣètò ọ̀wọ̀n méjì (ọ̀rọ̀ ní apá òsì, páànẹ́lì aláwọ̀ ní apá ọ̀tún), wọ́n sì máa ń yípo sí apá òsì sí ọ̀tún láàrín àwọn apá. Apá "Beere lọ́wọ́ àwọn olùrànlọ́wọ́ rẹ lórí ìbéèrè" ń lo àkójọpọ̀ káàdì 2x2, níbi tí káàdì òkè ti gba ìwọ̀n gbogbo, àti ìlà ìsàlẹ̀ ti pín sí àwọn ọ̀wọ̀n méjì tó dọ́gba. Àwọn ihò láàárín àwọn apá náà pọ̀ gan-an (~80px), èyí tó ń ṣẹ̀dá ìró ìdúróṣinṣin tó dákẹ́. Lílọ kiri jẹ́ ọ̀pá òkè gíga 64px tó dúró ṣinṣin pẹ̀lú àwọn ohun èlò ìlọ kiri àárín àti àwọn bọ́tìnì ìgbésẹ̀ tó wà ní ìbámu pẹ̀lú ọ̀tún.
Àwọn àwòrán ṣe pàtàkì jùlọ, láìsí àwọn fọ́tò. Èdè ìríran ni a kọ́ lórí àwọn àmì tí a fi àwòrán ṣe (àwọn ẹ̀gbẹ́ tí a yà sọ́tọ̀ ní àwọn yípo aláwọ̀ 2px), àwọn ohun ọ̀ṣọ́ onípele (àwọn squiggles tí a fà ní ọwọ́, dídán, ọfà, àwọn àwòrán òdòdó), àti àwọn àpẹẹrẹ ìríran olùlò ọjà náà. Àwọn àmì náà hàn nínú fèrèsé pàtàkì gẹ́gẹ́ bí ìlà onípele méje tí a fi àmì ìdámọ̀ ṣe, wọ́n sì fọ́n káàkiri ojú ìwé náà gẹ́gẹ́ bí àmì ìdámọ̀. Àwọn àwòrán ìfihàn ọjà ni àwọn ohun èlò ìríran “tòótọ́” nìkan: wọ́n fi ìríran “Notion” gidi hàn (àwọn pákó Kanban, àwọn ìwò ìwé, àwọn pákó aṣojú AI) pẹ̀lú àpapọ̀ àwọn ohun èlò àti dátà gidi. Ìríran ọjà náà nínú fèrèsé pàtàkì tóbi, ó wà ní àárín, ó sì fi òjìji kan ṣoṣo yà á sọ́tọ̀ kúrò nínú kánfèrèsé náà. Kò sí àwọn fọ́tò ìgbésí ayé, kò sí àwòrán ìṣúra, kò sí àwọn àwòrán 3D onípele.
Paleti
Orúkọ ọjà
- Notion Blue
#0075de— Ohun pàtàkì tó ń kún bọ́tìnì ìpè-sí-ìgbésẹ̀ (CTA), àmì tó wà nínú ìlọsíwájú ìṣiṣẹ́, àti àwọn bọ́tìnì ìgbésẹ̀ tó kún ni àwọ̀ kan ṣoṣo tó wà nínú ètò tó fẹ́rẹ̀ẹ́ jẹ́ monochrome tó kún tó láti lè rí i gẹ́gẹ́ bí switch.
Dídúróṣinṣin
- Paper Warmth
#f6f5f4— Àwòrán ojú ìwé náà, ẹ̀yìn fèrèsé àkọ́kọ́, àti ẹ̀yìn apá náà jẹ́ àwọ̀ tó gbóná díẹ̀, tó sì ní ìrísí aláwọ̀ ewé díẹ̀, èyí tó fún ètò náà ní ìrísí afọwọ́ṣe àti àwọ̀ analog. - Pure White
#ffffff— Àwọn ojú káàdì, àwọn pánẹ́lì tí a gbé sókè, àmì ìdámọ̀, ọ̀rọ̀ tí ó yàtọ̀ síra lórí àwọn káàdì dúdú. - Ink Black
#000000— Àkọlé pàtàkì, àwọn ìjápọ̀ ìtọ́sọ́nà, àwọn àkọlé - a lò pẹ̀lú onírúurú ìfọkànsí (100%, 95%, 90%, 60%, 40%, 20%) láti kọ́ ìpele ìpele láìfi àwọn àwọ̀ tuntun kún un. - Charcoal
#111111— Àṣàyàn ọ̀rọ̀ dúdú fún àwọn agbègbè UI tí dúdú pípé yóò dàbí èyí tí ó le jù. - Stone
#757575— Ọ̀rọ̀ ìtọ́sọ́nà kejì, ọ̀rọ̀ ìrànlọ́wọ́ tí a ti sọ di aláìlókun, àwọn àmì bọ́tìnì tí a ti pa - 60% ink alpha - Graphite
#615d59— Ọ̀rọ̀ pàtàkì náà ní ohùn gbígbóná - ewé aláwọ̀ ilẹ̀, èyí tí ó bá àwọ̀ ilẹ̀ gbígbóná mu.
Ìtẹ̀wé
láti 12 sí 96px · Àwọn ìgbésẹ̀ 10
- NotionInter — rirọpo: Inter · awọn ilana apẹrẹ 400, 500, 600, 700 · Fọ́ọ̀ǹtì sans-serif pàtàkì jẹ́ onímọ̀ nípa ẹ̀dá ènìyàn pẹ̀lú àwọn ìtumọ̀ díẹ̀díẹ̀, tí a lò ní ìwọ̀n 400 fún ọ̀rọ̀ ara, 500 fún ìṣàwárí/ìfọ́wọ́sí olùlò, àti 600-700 fún àwọn àkọlé. Ìwọ̀n fọ́ọ̀ǹtì náà lo àlàfo lẹ́tà odi líle ní àwọn ìwọ̀n ńlá (-4.6px ní 96px, -2px ní 72px), èyí tí ó mú kí àkọlé náà dàbí èyí tí ó rọrùn àti tí ó ní ìgboyà, dípò kí ó jẹ́ afẹ́fẹ́.
- Lyon Text — rirọpo: Source Serif Pro · awọn ilana apẹrẹ 400 · Fọ́ọ̀ǹtì serif olóòtú, tí a yà sọ́tọ̀ fún àwọn apá kọ̀ọ̀kan ti ìwé pàtàkì àti ìṣáájú apá, ni a lò ní ìwọ̀n díẹ̀ (ní ìgbà mẹ́rin) láti fún ìwúwo ìkọ̀wé ní ìkọ̀wé, tí ó jọ ìṣàyọlò nínú ìṣètò ìwé ìròyìn. Ó ń ṣiṣẹ́ gẹ́gẹ́ bí ohùn àgbékalẹ̀ dípò ìṣètò onípele kan náà.
Àárín àti ìrísí
| Ète | Ìtumọ̀ |
|---|---|
| Ìwọ̀n | apapọ |
| Igbesẹ ipilẹ | 8px |
| Rọ́díọ̀sì bọ́tìnì | 8px |
| rédíọ̀sì káàdì | 12px |
| Àwọn òjìji | kò sí - àwọn ààlà dípò àwọn òjìji |
| Láàárín àwọn ẹ̀ka | 80px |
| Fífẹ̀ ojú ìwé | 1440px |
AI yóò kọ́ ojú òpó wẹ́ẹ̀bù rẹ ní ọ̀nà Notion yóò sì kún ún
- Kún àwọn ọjà àti ìfiránṣẹ́ nípasẹ̀ ìjápọ̀ náà - Instagram, TikTok, Facebook.
- Gbe akoonu lati oju opo wẹẹbu atijọ rẹ—kan sọ adirẹsi naa.
- Apẹẹrẹ ode oni lori ẹrọ ti o dara julọ: React ( Next.js) pẹlu ifihan olupin ati iṣapeye SEO kuro ninu apoti.
- Iṣapeye SEO adaṣe ni kikun fun awọn abajade wiwa ati awọn iṣeduro nẹtiwọọki neural.
Àwọn àṣà tó jọra
- ElevenLabs — Àròkọ fọ́tò tí a fi ìpara gbígbóná ṣe pẹ̀lú àwọn àkọlé tí kò ṣe kedere. Ìwé àkọsílẹ̀ oníṣe Bauhaus—ìwé àwọ̀ ẹyin, inki dúdú, àti àmì aláwọ̀ elése àlùkò àti osàn kan ṣoṣo fún ìfihàn ọjà náà.
- Awesomic — Àwọ̀n síńkì olóòtú pẹ̀lú àwọn àmì àmì ọsàn tí ó jọ confetti
- Monad — Ìwé ìròyìn ìmọ̀ ẹ̀rọ olóòtú lórí ìwé parchment gbígbóná
- Dub — Pẹpẹ iṣakoso iwe rice matte ti Link
- Seline Analytics — Tábìlì onínúró tó dákẹ́ lórí ìwé gbígbóná
- Anthropic — Ìwé ìròyìn ìmọ̀ sáyẹ́ǹsì lórí àwọn vellum gbígbóná—àwọn ojú eyín erin tó dákẹ́ jẹ́ẹ́, àwọn àkọlé ìwé ìròyìn tó ní ìrísí, àti àmì amọ̀ kan ṣoṣo tó máa ń hàn nígbà tí a bá nílò ìgbésẹ̀.
- Calendly — Inki aláwọ̀ dúdú lórí mábù tútù
- Augen Pro — Àwòrán funfun Apple ní àwọ̀ búlúù oníná mànàmáná, tí kò ní ìwọ̀n, gẹ́gẹ́ bí àmì ìdánimọ̀ kan ṣoṣo nínú ààyè monochrome kan.
- Antimetal — Àkọsílẹ̀ olóòtú lórí ìwé kíkan—òwúrọ̀ ìdákẹ́jẹ́ẹ́ ní ìwé ìròyìn sáyẹ́ǹsì kan, níbi tí ìkóra-ẹni-níjàánu ti ń fi ìgboyà hàn àti ibi tí àwọn serif ń gbé ìgbésẹ̀ líle náà sókè
- Perk — Lẹ́m̀pù iná mànàmáná lórí ìwé parchment gbígbóná
- Ditto — Ìdánilẹ́kọ̀ọ́ ìtànṣán oòrùn tí ń ṣẹ̀dá àwọn àpẹẹrẹ òdòdó igbó. Àwọn ojú ìpara ìpara gbígbóná, àwọ̀ ìpìlẹ̀ àwọ̀ ofeefee tí ó tàn yanranyanran, àwọn àwọ̀ aláwọ̀ búlúù pupa, àwọn àwọ̀ oníwà-bí-aláìdára tí ó ń tàn lẹ́yìn ohun èlò náà.
- Officevibe — Ìwé ìròyìn olóòtú lórí ìwé aláwọ̀ dúdú. Fojú inú wo àròkọ onírònú lórí ìṣàkóso HR, tí a gbé kalẹ̀ gẹ́gẹ́ bí ọjà kan—fọ́ọ̀ǹtì serif onílàsí tí ń dún bí ẹni pé ó ń jáde láti inú ojú ọ̀nà aláwọ̀ búlúù òde òní.