Notion
O se api tusi mafanafana i le la o le aoauli
O le fa'aoga a le Notion e foliga mai o se api tusi e fiafia i ai i le ao malamalama: o se ie mafanafana ma susu (#f6f5f4) e lagona le pa'i i ai nai lo le mama, o le fa'ailoga sans-serif e avatu ai le mamafa fa'atonu i le kopi o le oloa, ma le lanu e fa'aaogaina o ni fa'ailoga laiti—o "pills" peach e fa'ailoa ai veape, o le lanumoana e tasi e fa'amau ai le gaioiga autu, ma se fa'asologa o lanu fa'apitoa (coral, amber, sky, midnight) e vali ai le talaaga o le kata e pei o ni fa'ailoga. O kata e fa'atulaga i luga o se ie ma ni pito manifinifi ma tulimanu—leai ni ata, leai se chrome—e pei o vaega laina o se api tusi Moleskine. O ata fa'afiafia e malie ma fa'alelei, fa'atasi ai ma suiga lamolemole i le 200ms ma ata fa'afiafia o tagata e fa'aolaola ai le fa'aoga e aunoa ma le teuteu.
I le ogatotonu, o le lautele maualuga e fa'atapula'aina i le tusa ma le 1440px. O le elemene autu o se fa'aputuga ogatotonu: o se laina o fa'ailoga → o se ulutala tele e lua laina ma se fualaau lanu ua fa'apipi'iina → o se ulutala laiti → o se laina ma ni fa'amau vala'aulia-i-gaioiga se lua → o se fa'ata'ita'iga tele o le UI oloa. I lalo o le elemene autu, o vaega e fesuia'i i le va o grids o kata papa'e ma paneli fa'apitoa lanu atoa. O le puipui o le logo o se grid laina e tasi i le ogatotonu o logos pa'aga i le lanu efuefu. O poloka foliga e fa'aogaina se fa'atulagaga e lua-koluma (tusitusiga i le agavale, paneli lanu i le taumatau), fesuia'i mai le agavale i le taumatau i le va o vaega. O le vaega "Fesili i au fesoasoani pe a mana'omia" e fa'aogaina se grid kata 2x2, lea e nofoia ai e le kata pito i luga le lautele atoa, ma vaevaeina le laina pito i lalo i ni koluma tutusa se lua. O alavai i le va o vaega e lautele (~80px), e fausia ai se fati fa'atulagaina filemu. O le fa'atautaia o se pa pito i luga tumau e 64px le maualuga ma elemene fa'atautaia ogatotonu ma fa'amau gaioiga fa'atulagaina taumatau.
E sili ona tāua ata, e aunoa ma ni ata. O le gagana vaaia ua fausia i luga o faailoga mafolafola ma fa'aalia (pito lapotopoto i li'o lanu e 2px), elemene teuteu fa'afa...
Paleti
Fa'ailoga
- Notion Blue
#0075de— O le elemene autū e faʻatumuina ai le faʻamau o le valaʻau-i-le-gaioiga (CTA), o se faʻamamafa i le faʻagaioiga galue, o faʻamau gaioiga ua faʻatumuina o le pau lea o le lanu i totonu o se faiga e toetoe lava o le monochrome e lava lona faʻatumuina e iloa ai o se ki.
Leai se lagona
- Paper Warmth
#f6f5f4— O le tapoleni o le itulau, le talaaga o le faamalama autu, ma le talaaga o le vaega o lanu mafanafana, e fai si beige e avatu ai i le masini se lagona fa'a-analogue. - Pure White
#ffffff— Foliga o kata, paneli ua si'itia, talaaga o le logo, tusitusiga eseese i luga o kata pogisa. - Ink Black
#000000— Tusitusiga autū, so'otaga fa'asolo, ulutala - fa'aaogaina i ni fa'aaliga manino eseese (100%, 95%, 90%, 60%, 40%, 20%) e fausia ai ni fa'asologa fa'asolosolo e aunoa ma le fa'aopoopoina o ni lanu fou. - Charcoal
#111111— O se filifiliga o tusitusiga pogisa mo na vaega o le UI e foliga mai e faigata tele le lanu uliuli mama. - Stone
#757575— Tusitusiga fa'asolo lona lua, tusitusiga fesoasoani ua leo tele, fa'ailoga o fa'amau ua le atoatoa - 60% le tusitusiga fa'asolo o le vaitusi - Graphite
#615d59— O le tusitusiga autū e iai se leo mafanafana - enaena efuefu, lea e ogatasi ma le tala'aga mafanafana.
Fa'ailoga o le mata'itusi
mai le 12 i le 96px · 10 laasaga
- NotionInter — sui: Inter · otootoga 400, 500, 600, 700 · O le mata'itusi autū e leai se serif o se mamanu fa'ata'ita'i fa'aletagata e iai ni fa'ailoga laiti, e fa'aaogaina i le tele e 400 mo le tusitusiga o le tino, 500 mo le fa'atautaia/fa'aoga, ma le 600-700 mo ulutala. O le fua fa'atatau o mata'itusi e fa'aaogaina ai le va o mata'itusi leaga i tele (-4.6px i le 96px, -2px i le 72px), lea e sili atu ona la'ititi ma mautinoa ai le ulutala, nai lo le faigofie ona malamalama i ai.
- Lyon Text — sui: Source Serif Pro · otootoga 400 · O le mata'itusi serif fa'atonu, e fa'apolopolo mo vaega ta'itasi o le tusitusiga autū ma fa'atomuaga o vaega, e fa'aaogā fa'aitiitia (fa taimi) e tu'uina atu ai le mamafa fa'aletusitusiga o le mata'itusi, e tutusa ma se upusii i se fa'atulagaga o se mekasini. E galue o se fa'aleoga fa'avasega nai lo se fa'asologa fa'apena.
Vaitaimi ma foliga
| Fa'amoemoega | Uiga |
|---|---|
| Mafiafia | averesi |
| Laasaga autū | 8px |
| Fa'asologa o le fa'amau | 8px |
| La'asaga o le kata | 12px |
| Ata | leai - tuaoi nai lo ata |
| I le va o vaega | 80px |
| Lautele o le itulau | 1440px |
O le a fausia e le AI lau upega tafaʻilagi i le sitaili Notion ma faʻatumuina
- Fa'atumu i oloa ma pou e ala i le so'otaga - Instagram, TikTok, Facebook.
- Fesiitai anotusi mai lau 'upega tafaʻilagi tuai—na'o le fa'amaoti mai o le tuatusi.
- Fuafuaga fa'aonaponei i luga o le afi sili ona lelei: React ( Next.js) fa'atasi ai ma le fa'atinoina o le 'au'aunaga ma le fa'aleleia atili o le SEO mai le pusa.
- Fa'aleleia atoatoa o le SEO mo taunu'uga o su'esu'ega ma fautuaga o feso'ota'iga neural.
Sitaili tutusa
- ElevenLabs — O se tusiga ata i lanu kulimi mafanafana ma ulutala mālū. O se api tusi fa'a-Bauhaus—pepa lanu e pei o se atigi fuamoa, vaitusi uliuli, ma se teuteuga violē ma le moli e tasi mo le fa'aaliga o oloa.
- Awesomic — 'Upega tafa'ilagi zinc fa'atonu ma fa'ailoga lanu moli e fa'amanatu mai ai le konifeti
- Monad — api talaaga fa'atekinolosi fa'atonu i luga o le pepa mafanafana
- Dub — Laupapa pulea o le pepa araisa matte a Link
- Seline Analytics — O se laulau auiliiliga filemu i luga o se pepa mafanafana
- Anthropic — O se mekasini faasaienisi i luga o le vellum mafanafana—o ni foliga to'afilemu e lanu ai le aiva, o ulutala faatonu ua valiina i serif, ma se teuteuga omea e tasi e na'o le taimi e mana'omia ai se gaioiga e aliali mai ai.
- Calendly — Vaitusi lanumoana pogisa i luga o le maamora malulu
- Augen Pro — O le fa'aaliga pa'epa'e a Apple o lo'o i ai se lanumoana eletise, mama, e fai ma fa'ailoga e tasi i totonu o se potu lanu e tasi.
- Antimetal — O se tala fa'atonu i luga o le pepa kulimi—o se taeao filemu i se mekasini faasaienisi, lea e fa'aalia ai le mautinoa e ala i le taofiofi ma e fa'aalia ai le mamafa o le galuega e ala i serifs.
- Perk — Lime eletise i luga o le pepa tao mafanafana
- Ditto — O se mafutaga faaleaoaoga e susulu i le la e fatuina ai ni faʻataʻitaʻiga o fugālaau vao. O luga kulimi mafanafana, lanu samasama susulu, vaitusi lanumoana lanumoana loloto, lanu faʻalenatura o loʻo fuga mai i tua atu o le fasi mea.
- Officevibe — O se mekasini faatonu i luga o se pepa lanu kulimi mafanafana. Vaai faalemafaufau i se tusiga mafaufau loloto e uiga i le pulega o tagata faigaluega, o loʻo tuʻuina atu o se oloa—o se mataʻitusi serif cursive o loʻo musumusu i totonu o se faʻaoga lanumoana faʻaonaponei.