Notion
Buku lofunda la pepala padzuwa la masana
Mawonekedwe a Notion amaoneka ngati notebook yokondedwa kwambiri masana: kansalu yofunda, yofewa (#f6f5f4) yomwe imamveka yogwira m'malo mopanda utoto, yokongola yopanda serif yolemba zinthu zomwe zimapangitsa kuti zolembazo zikhale zolemera, ndipo mtundu womwe umagwiritsidwa ntchito ngati zizindikiro zochepa - "mapiritsi" a pichesi amawonetsa mawu, buluu limodzi limathandizira kwambiri ntchito yayikulu, ndi mitundu yosiyanasiyana yozungulira (korali, amber, thambo, pakati pausiku) imapaka utoto maziko a makadi ngati zomata. Makhadi amakonzedwa pa kansalu yokhala ndi malire ndi ngodya zoonda - yopanda mithunzi, yopanda chrome - ngati magawo okhala ndi mizere ya notebook ya Moleskine. Zojambulajambula zimakhala zoseketsa komanso zopyapyala, zokhala ndi kusintha kosalala pa 200ms ndi zojambula za anthu opyapyala zomwe zimapangitsa kuti mawonekedwewo akhale amoyo popanda kukhala okongoletsa.
Pakati, m'lifupi mwake muli pafupifupi 1440px. Chinthu chachikulu ndi chokhazikika pakati: mzere wa zizindikiro → mutu waukulu wa mizere iwiri wokhala ndi piritsi yojambulidwa yamitundu → mutu waung'ono → mzere wokhala ndi mabatani awiri oyitanira kuchitapo kanthu → chitsanzo chachikulu cha UI chazinthu. Pansi pa chinthu chachikulu, magawo amasinthasintha pakati pa ma gridi a makadi oyera ndi mapanelo amitundu yonse. Khoma la logo ndi gridi ya mzere umodzi pakati ya ma logo ogwirizana mu imvi. Ma block azinthu amagwiritsa ntchito kapangidwe ka mizati iwiri (malemba kumanzere, gulu lamitundu kumanja), mosinthana kumanzere kupita kumanja pakati pa magawo. Gawo la "Funsani othandizira anu akafuna" limagwiritsa ntchito gridi ya makadi ya 2x2, pomwe khadi lapamwamba limatenga m'lifupi lonse, ndipo mzere wapansi umagawidwa m'mizati iwiri yofanana. Ma ngalande pakati pa magawo ndi ochuluka (~80px), ndikupanga kamvekedwe kodekha koyima. Kuyenda ndi bala lokhazikika la 64px kutalika ndi zinthu zoyendera pakati ndi mabatani a zochita ogwirizana kumanja.
Zithunzi ndizofunikira kwambiri, popanda zithunzi. Chilankhulo chowoneka chimamangidwa pa zizindikiro zathyathyathya, zojambulidwa (m'mphepete mozungulira m'mabwalo amitundu ya 2px), zinthu zokongoletsera zosamveka bwino (zidutswa zojambulidwa ndi manja, zonyezimira, mivi, mawonekedwe a maluwa), ndi zitsanzo za mawonekedwe a ogwiritsa ntchito a chinthucho. Zizindikirozo zimawonekera pawindo lalikulu ngati mzere wopingasa wa ma avatar asanu ndi awiri ndipo zimafalikira patsamba lonse ngati zizindikiro zoseketsa. Zithunzi za chinthucho ndi zinthu zokhazo "zenizeni" zowoneka bwino: zikuwonetsa mawonekedwe enieni a Notion (mabolodi a Kanban, mawonedwe a zikalata, mapanelo a othandizira a AI) okhala ndi zinthu zonse ndi deta yeniyeni. Chithunzi cha chinthucho pawindo lalikulu ndi chachikulu, chokhazikika pakati, ndipo chimapanga mthunzi umodzi wochilekanitsa ndi kansalu. Palibe zithunzi za moyo, palibe zithunzi zosungidwa, palibe zojambula za 3D zosamveka bwino.
Paleti
Mtundu
- Notion Blue
#0075de— Chinthu chachikulu chomwe chimadzaza batani la call-to-action (CTA), mawu ofunikira mu active navigation, mabatani odzaza zochita ndi okhawo omwe ali ndi mtundu mu dongosolo lofanana ndi monochrome lomwe ndi lodzaza mokwanira kuti liwoneke ngati switch.
Osalowerera
- Paper Warmth
#f6f5f4— Tsamba la kansalu, zenera lalikulu, ndi gawo lakumbuyo zonse ndi mitundu yofunda, yofiirira pang'ono yomwe imapatsa dongosololi mawonekedwe ogwirika, ofanana. - Pure White
#ffffff— Malo a makadi, mapanelo okwezedwa, maziko a logo, mawu osiyana pa makadi akuda. - Ink Black
#000000— Malemba akuluakulu, maulalo oyendera, mitu - amagwiritsidwa ntchito ndi mawonekedwe osiyana (100%, 95%, 90%, 60%, 40%, 20%) kuti apange utsogoleri popanda kuwonjezera mitundu yatsopano. - Charcoal
#111111— Njira yogwiritsira ntchito mawu akuda m'malo omwe mawonekedwe a UI amaonekera ngati akuda kwambiri. - Stone
#757575— Malemba ena oyendetsera, mawu othandizira otsekedwa, zilembo za mabatani zozimitsidwa - 60% inki alpha - Graphite
#615d59— Malemba akuluakulu ali ndi kamvekedwe kofunda - imvi yofiirira, yomwe imagwirizana ndi maziko ofunda.
Kulemba zilembo
kuyambira 12 mpaka 96px · masitepe 10
- NotionInter — cholowa m'malo: Inter · mndandanda 400, 500, 600, 700 · Chilembo chachikulu cha sans-serif ndi cholembedwa ndi anthu chomwe chili ndi mawonekedwe osavuta, chomwe chimagwiritsidwa ntchito pa kukula kwa 400 pa zolemba za thupi, 500 pa mawonekedwe oyendera/ogwiritsa ntchito, ndi 600-700 pa mitu. Mulingo wa zilembo umagwiritsa ntchito malo olakwika a zilembo zazikulu (-4.6px pa 96px, -2px pa 72px), zomwe zimapangitsa mutuwo kumveka wocheperako komanso wodzidalira, m'malo mokhala wopepuka.
- Lyon Text — cholowa m'malo: Source Serif Pro · mndandanda 400 · Chilembo cha serif cholembedwa, chomwe chimasungidwa m'magawo osiyanasiyana a mawu akuluakulu ndi mawu oyamba a magawo, sichigwiritsidwa ntchito kwambiri (nthawi zinayi) kuti chikhale cholemera m'malemba, mofanana ndi mawu omwe ali mu magazini. Chimagwira ntchito ngati mawu ofotokozera m'malo motsatira dongosolo lofanana.
Zosintha ndi mawonekedwe
| Cholinga | Tanthauzo |
|---|---|
| Kuchulukana | avareji |
| Gawo loyambira | 8px |
| Utali wa batani | 8px |
| Utali wa khadi | 12px |
| Mithunzi | ayi - malire m'malo mwa mithunzi |
| Pakati pa magawo | 80px |
| Kukula kwa tsamba | 1440px |
AI idzamanga tsamba lanu lawebusayiti mu kalembedwe ka Notion ndikulidzaza
- Dzazani ndi zinthu ndi zolemba kudzera pa ulalo - Instagram, TikTok, Facebook.
- Tumizani zinthu kuchokera patsamba lanu lakale—ingotchulani adilesi.
- Kapangidwe kamakono pa injini yabwino kwambiri: React ( Next.js) yokhala ndi mawonekedwe a seva ndi kukonza SEO koyambirira.
- Kukonza bwino SEO yanu yokha kuti mupeze zotsatira zakusaka ndi malingaliro a netiweki ya neural.
Masitaelo ofanana
- ElevenLabs — Nkhani yojambulidwa ndi utoto wofunda wa kirimu wokhala ndi mitu yofewa. Buku lolemberamo zinthu la Bauhaus—pepala lokhala ndi chipolopolo cha dzira, inki yakuda, ndi mawu amodzi ofiirira ndi alanje owonetsera zinthu.
- Awesomic — Utoto wa zinki wokhala ndi zizindikiro za lalanje zokumbutsa za confetti
- Monad — magazini yaukadaulo yokhudza chikopa chofunda
- Dub — Chida chowongolera pepala la mpunga losawoneka bwino la Link
- Seline Analytics — Tebulo losabisala lofufuza pa pepala lofunda
- Anthropic — Magazini ya sayansi yokhudza malo ofunda a vellum—malo odekha okhala ndi minyanga ya njovu, mitu yolembedwa bwino, ndi mawu amodzi adothi omwe amaonekera pokhapokha ngati pakufunika kuchitapo kanthu.
- Calendly — Inki yabuluu wakuda pa marble yozizira
- Augen Pro — Chovala choyera cha Apple chili ndi mtundu wa buluu wamagetsi, wopanda kulemera, womwe umagwiritsidwa ntchito kokha ngati chokongoletsera cha monochrome.
- Antimetal — Nkhani yolembedwa pa pepala lokongola—m'mawa chete m'magazini ya sayansi, komwe kudziletsa kumasonyeza chidaliro ndipo a serif amachita zinthu zolemetsa
- Perk — Laimu wamagetsi pa pepala lofunda lopaka
- Ditto — Malo ochitira maluwa akuthengo omwe amawala ndi dzuwa. Malo ofunda a kirimu, mtundu wachikasu wowala, inki yabuluu yozama, mitundu yachilengedwe yomwe imamera kumbuyo kwa chidutswacho.
- Officevibe — Magazini yolembedwa pa pepala lofunda lokhala ndi utoto wofiirira. Tangoganizirani nkhani yoganizira bwino yokhudza kayendetsedwe ka anthu, yoperekedwa ngati chinthu—zilembo zolembedwa mozungulira zomwe zikunong'oneza kudzera mu mawonekedwe abuluu amakono.