Notion
Littafin rubutu mai dumi a rana tsakar rana
Tsarin aikin Notion yana kama da littafin rubutu na takarda da aka fi so a cikin hasken rana: zane mai ɗumi, mai kauri (#f6f5f4) wanda yake jin taushi maimakon rashin tsafta, rubutu mai kauri na sans-serif wanda ke ba da nauyin edita ga kwafin samfurin, da launi da ake amfani da shi azaman alamun rubutu kaɗan - fi'ilai masu haske na peach "pills", shuɗi guda ɗaya yana daidaita babban aikin, da kuma jerin launuka masu juyawa (murjani, amber, sama, tsakar dare) suna yin launin bangon katin kamar sitika. An shirya katunan a kan zane mai siraran iyakoki da kusurwoyi - babu inuwa, babu chrome - kamar sassan layi na littafin rubutu na Moleskine. Zane mai ban sha'awa yana da ban sha'awa da ban sha'awa, tare da sauye-sauye masu santsi a 200ms da kuma zane-zanen haruffa masu ban sha'awa waɗanda ke kawo rayuwa ga hanyar haɗin ba tare da yin ado ba.
A tsakiya, matsakaicin faɗin yana iyakance zuwa kusan 1440px. Babban ɓangaren shine tarin tsakiya: layin alamomi → babban kanun labarai mai layi biyu tare da ƙwayar cuta mai launi da aka saka → ƙaramin kanun labarai → layi mai maɓallan kira-zuwa-aiki guda biyu → babban samfurin UI. A ƙasan babban ɓangaren, sassan suna canzawa tsakanin grids na fararen katunan da allunan lafazi masu cikakken launi. Bangon tambarin grid ne mai layi ɗaya na tambarin abokin tarayya a cikin sikelin launin toka. Tubalan fasalin suna amfani da tsarin ginshiƙi biyu (rubutu a hagu, allon launi a dama), suna canza hagu zuwa dama tsakanin sassan. Sashen "Tambayi mataimakanku akan buƙata" yana amfani da grid ɗin kati 2x2, inda katin sama yake ɗaukar cikakken faɗin, kuma layin ƙasa an raba shi zuwa ginshiƙai biyu daidai. Magudanar ruwa tsakanin sassan suna da kauri (~80px), suna ƙirƙirar yanayin tsaye mai natsuwa. Kewaya sandar saman ce mai tsayi 64px tare da abubuwan kewayawa na tsakiya da maɓallan aiki masu daidaitawa na dama.
Zane-zane suna da matuƙar muhimmanci, ba tare da hotuna ba. Harshen gani an gina shi ne akan alamomin da aka zana (gefuna masu zagaye a cikin da'irori masu launi 2px), abubuwan ado masu ban mamaki (squiggles da aka zana da hannu, suna kyalkyali, kibiyoyi, siffofi na fure), da kuma ƙwallayen hanyar haɗin mai amfani da samfurin. Alamun suna bayyana a babban taga a matsayin layi na kwance na avatars bakwai kuma an warwatse su a ko'ina cikin shafin a matsayin alamun rubutu na wasa. Hotunan kariyar samfura sune kawai abubuwan gani na "ainihin": suna nuna ainihin hanyar haɗin Notion (allon Kanban, ra'ayoyin takardu, bangarorin wakilin AI) tare da cikakken saitin abubuwa da bayanai na gaske. Ƙwallon samfurin a cikin babban taga babba ne, tsakiya, kuma yana jefa inuwa ɗaya da ke raba shi da zane. Babu hotunan salon rayuwa, babu hotunan ajiya, babu zane-zanen 3D masu ban mamaki.
Palette
Alamar kasuwanci
- Notion Blue
#0075de— Babban abin da ke cike maɓallin kira-zuwa-aiki (CTA), maɓallan aiki masu cike da aiki, su ne kawai tsarin launi a cikin tsarin kusan monochrome wanda ya cika sosai don a ɗauka a matsayin maɓalli.
Tsaka-tsaki
- Paper Warmth
#f6f5f4— Zane na shafi, babban bango na taga, da kuma bayan sashe duk launuka ne masu dumi, masu ɗan launin ruwan kasa waɗanda ke ba tsarin yanayin taɓawa da kamannin analog. - Pure White
#ffffff— Taswirar kati, faifan da aka ɗaga, bangon tambari, rubutu mai bambanci akan katunan duhu. - Ink Black
#000000— Babban rubutu, hanyoyin haɗin kewayawa, kanun labarai - ana amfani da su tare da bayyananniyar hanya daban-daban (100%, 95%, 90%, 60%, 40%, 20%) don gina tsarin tsari ba tare da ƙara sabbin launuka ba. - Charcoal
#111111— Zaɓin rubutu mai duhu ga waɗancan yankunan UI inda baƙi zai yi kama da mai tsauri sosai. - Stone
#757575— Rubutun kewayawa na biyu, rubutun taimako mai shiru, lakabin maɓalli da aka kashe - alpha na tawada 60% - Graphite
#615d59— Babban rubutun yana da sautin ɗumi - launin toka mai launin ruwan kasa, wanda ya dace da yanayin ɗumi.
Rubutu
daga 12 zuwa 96px · Matakai 10
- NotionInter — maye gurbin: Inter · zane-zane 400, 500, 600, 700 · Babban rubutun sans-serif wani nau'in rubutu ne na ɗan adam mai siffar geometric tare da ƙananan bayanai, ana amfani da shi a girman 400 don rubutun jiki, 500 don kewayawa/hanyar mai amfani, da kuma 600-700 don kanun labarai. Girman rubutun yana amfani da tazara mai tsauri ta haruffa mara kyau a manyan girma (-4.6px a 96px, -2px a 72px), wanda ke sa kan rubutun ya zama mai ƙanƙanta da kwarin gwiwa, maimakon iska.
- Lyon Text — maye gurbin: Source Serif Pro · zane-zane 400 · Ana amfani da rubutun serif na edita, wanda aka tanada don sassan babban rubutu da gabatarwar sashe, a hankali (sau huɗu) don ba da nauyin rubutun adabi, kamar yadda aka yi magana a cikin tsarin mujallu. Yana aiki azaman lafazi mai tsari maimakon tsarin layi ɗaya.
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | matsakaici |
| Mataki na asali | 8px |
| Maɓallin radius | 8px |
| Radius na kati | 12px |
| Inuwar | babu - iyakoki maimakon inuwa |
| Tsakanin sassa | 80px |
| Faɗin shafi | 1440px |
AI za ta gina gidan yanar gizonku a cikin salon Notion kuma ta cika shi
- Cika da samfura da rubuce-rubuce ta hanyar hanyar haɗin yanar gizo - Instagram, TikTok, Facebook.
- Canja wurin abun ciki daga tsohon shafinka—kawai ka ƙayyade adireshin.
- Tsarin zamani akan mafi kyawun injin: React ( Next.js) tare da nuna sabar da inganta SEO daga cikin akwatin.
- Ingantaccen SEO mai sarrafa kansa don sakamakon bincike da shawarwarin hanyar sadarwa ta jijiyoyi.
Salo makamantansu
- ElevenLabs — Rubutun hoto a cikin launuka masu dumi masu laushi tare da kanun labarai masu sauƙi. Littafin rubutu irin na Bauhaus—takarda mai launin kwai, tawada baƙi, da kuma lafazin shunayya da lemu guda ɗaya don nuna samfur.
- Awesomic — Ramin zinc na edita tare da alamun rubutu na orange wanda ke tunatar da confetti
- Monad — Mujallar fasaha ta edita kan takardar rubutu mai dumi
- Dub — Kwamitin sarrafa takardar shinkafa mai matte ta Link
- Seline Analytics — Teburin nazari mai shiru akan takarda mai dumi
- Anthropic — Mujallar kimiyya kan ɗumi-ɗumi—fure-furen hauren giwa masu natsuwa, kanun labarai na edita, da kuma lafazin yumbu guda ɗaya wanda ke bayyana ne kawai lokacin da ake buƙatar aiki.
- Calendly — Tawada mai launin shuɗi mai duhu a kan marmara mai sanyi
- Augen Pro — Farin gabatarwar Apple yana nuna shuɗi mai haske, mara nauyi, mai amfani da wutar lantarki a matsayin babban abin da ke cikin sararin samaniya mai kama da monochrome.
- Antimetal — Wani labari na edita akan takarda mai laushi - safiya mai natsuwa a mujallar kimiyya, inda kamewa ke nuna kwarin gwiwa kuma serifs suna ɗaukar nauyi
- Perk — Lemun tsami mai amfani da wutar lantarki a kan takardar takarda mai dumi
- Ditto — Taron bita mai hasken rana wanda ke ƙirƙirar samfuran furannin daji. saman kirim mai ɗumi, launin rawaya mai haske, tawada mai launin shuɗi mai duhu, launukan halitta masu fure a bayan kayan.
- Officevibe — Mujallar edita kan takarda mai launin ruwan tsami. Ka yi tunanin wani rubutu mai zurfi kan kula da HR, wanda aka gabatar a matsayin samfuri—wani rubutun serif mai lanƙwasa yana raɗawa ta hanyar amfani da shuɗin zamani.