Notion
Leabhar notaichean pàipeir blàth ann an grian meadhan-latha
Tha eadar-aghaidh Notion coltach ri leabhar notaichean pàipeir gràdhach ann an solas an latha: canabhas blàth, uachdarach (#f6f5f4) a tha a’ faireachdainn tactile seach sterile, clò-sgrìobhadh fialaidh sans-serif a’ toirt cuideam deasachaidh don lethbhreac toraidh, agus dath air a chleachdadh mar phuingeachadh gann - tha “pills” peach a’ soilleireachadh ghnìomhairean, tha aon ghorm a’ daingneachadh a’ phrìomh ghnìomh, agus tha sreath rothlach de dhhathan stràc (corail, òmar, speur, meadhan oidhche) a’ cur dath air cùl-raointean nan cairtean mar stiogairean. Tha cairtean air an rèiteachadh air canabhas le crìochan is oiseanan tana - gun sgàilean, gun chrome - mar na h-earrannan loidhneach de leabhar notaichean Moleskine. Tha am beòthachadh spòrsail is fuarach, le gluasadan rèidh aig 200ms agus beòthachaidhean caractar fuarach a bheir beatha don eadar-aghaidh gun a bhith sgeadachail.
Sa mheadhan, tha an leud as motha cuibhrichte gu timcheall air 1440px. Is e cruach mheadhanaichte am prìomh eileamaid: sreath de shamhlaidhean → ceann-naidheachd mhòr dà-loidhne le pill dathte leabaithe → fo-cheann-naidheachd → sreath le dà phutan gairm-gu-gnìomh → magadh mòr air eadar-aghaidh cleachdaiche toraidh. Fon phrìomh eileamaid, bidh earrannan ag atharrachadh eadar griodan de chairtean geala agus pannalan stràc làn-dath. Tha balla an t-suaicheantas na ghriod aon-shreath sa mheadhan de suaicheantasan com-pàirtiche ann an liath-sgèile. Bidh na blocaichean feart a’ cleachdadh cruth dà-cholbh (teacsa air an taobh chlì, pannal dathte air an làimh dheis), ag atharrachadh bho chlì gu deas eadar earrannan. Bidh an earrann “Faighnich do luchd-cuideachaidh air iarrtas” a’ cleachdadh griod cairt 2x2, far a bheil a’ chairt as àirde a’ gabhail suas an leud slàn, agus an sreath as ìsle air a roinn ann an dà cholbh co-ionnan. Tha na claisean eadar earrannan fialaidh (~80px), a’ cruthachadh ruitheam socair dìreach. Tha an seòladh na bhàr-mhullaich stèidhichte 64px a dh’àirde le eileamaidean seòlaidh sa mheadhan agus putanan gnìomh air an co-thaobhadh gu deas.
Tha dealbhan air leth cudromach, gun dhealbhan sam bith. Tha a’ chànan lèirsinneach air a thogail air samhlaidhean còmhnard, le dealbhan (oirean cruinn ann an cearcallan dathte 2px), eileamaidean sgeadachaidh eas-chruthach (squiggles air an tarraing le làimh, glitter, saighdean, cumaidhean fhlùraichean), agus magadh-chluich de eadar-aghaidh cleachdaiche an toraidh. Nochdaidh na samhlaidhean anns a’ phrìomh uinneag mar shreath chòmhnard de sheachd avatars agus tha iad sgapte air feadh na duilleige mar phuingeachadh spòrsail. Is e dealbhan-sgrìn toraidh na h-aon eileamaidean lèirsinneach “fìor”: tha iad a’ sealltainn an eadar-aghaidh Notion fhèin (bùird Kanban, seallaidhean sgrìobhainnean, pannalan riochdaire AI) le làn sheata de eileamaidean agus dàta fìor. Tha magadh an toraidh anns a’ phrìomh uinneag mòr, sa mheadhan, agus a’ tilgeil aon sgàil ga sgaradh bhon chanabhas. Chan eil dealbhan dòigh-beatha ann, gun ìomhaighean stoc, gun riochdachadh 3D eas-chruthach.
Paileid
Brand
- Notion Blue
#0075de— Is e am prìomh eileamaid a lìonas am putan gairm-gu-gnìomh (CTA), stràc anns an t-seòladh gnìomhach, putanan gnìomh lìonta an aon sgeama dathan ann an siostam cha mhòr monochrome a tha shàthaichte gu leòr airson a bhith air fhaicinn mar suidse.
Neodrach
- Paper Warmth
#f6f5f4— Tha canabhas na duilleige, cùl-raon na prìomh uinneige, agus cùl-raon na h-earrainn uile ann an dathan blàth, beagan beige a bheir faireachdainn tactile, analogach don t-siostam. - Pure White
#ffffff— Uachdaran chairtean, pannalan àrdaichte, cùl-raon suaicheantas, teacsa eadar-dhealaichte air cairtean dorcha. - Ink Black
#000000— Prìomh theacsa, ceanglaichean seòlaidh, cinn-naidheachd - air an cleachdadh le follaiseachd eadar-dhealaichte (100%, 95%, 90%, 60%, 40%, 20%) gus rangachd a thogail gun dathan ùra a chur ris. - Charcoal
#111111— Roghainn teacsa dorcha airson nan raointean UI sin far am biodh dubh fìor-ghlan a’ coimhead ro gheur. - Stone
#757575— Teacsa seòlaidh àrd-sgoile, teacsa cuideachaidh balbh, bileagan putan ciorramach - 60% alpha inc - Graphite
#615d59— Tha tòna blàth air a’ phrìomh theacsa - liath-dhonn, a tha a’ freagairt ris a’ chùl-raon bhlàth.
Clò-sgrìobhadh
bho 12 gu 96px · 10 ceumannan
- NotionInter — ath-chur: Inter · geàrr-chunntasan 400, 500, 600, 700 · ’S e cruth-clò sans-serif prìomh chruth-clò geoimeatrach daonnach le diofar mhìneachaidhean beaga, air a chleachdadh aig meudan 400 airson teacsa bodhaig, 500 airson seòladh/eadar-aghaidh cleachdaiche, agus 600-700 airson cinn-litrichean. Bidh sgèile a’ chruth-clò a’ cleachdadh beàrnan litrichean àicheil ionnsaigheach aig meudan nas motha (-4.6px aig 96px, -2px aig 72px), a tha a’ toirt air a’ cheann-litreachaidh a bhith a’ faireachdainn nas dlùithe agus nas misneachaile, seach aotrom.
- Lyon Text — ath-chur: Source Serif Pro · geàrr-chunntasan 400 · Tha an cruth-clò serif deasachaidh, a tha glèidhte airson earrannan fa leth den phrìomh theacsa agus ro-ràdh nan earrannan, air a chleachdadh gu gann (ceithir tursan) gus cuideam litreachail a thoirt don chruth-clò, coltach ri luachan ann an cruth iris. Bidh e ag obair mar stràc shiostamach seach rangachd co-shìnte.
Eadar-ama agus cruth
| Adhbhar | Ciall |
|---|---|
| Dlùths | cuibheasach |
| Ceum bunaiteach | 8px |
| Raidius a' phutan | 8px |
| Raidius cairt | 12px |
| Sgàilean | gun chrìochan an àite faileasan |
| Eadar earrannan | 80px |
| Leud na duilleige | 1440px |
Togaidh AI do làrach-lìn ann an stoidhle Notion agus lìonaidh e e
- Lìon le toraidhean agus puist tron cheangal - Instagram, TikTok, Facebook.
- Gluais susbaint bhon t-seann làrach agad—dìreach sònraich an seòladh.
- Dealbhadh ùr-nodha air an einnsean as fheàrr: React ( Next.js) le tairgse frithealaiche agus leasachadh SEO dìreach às a’ bhogsa.
- Leasachadh SEO gu tur fèin-ghluasadach airson toraidhean rannsachaidh agus molaidhean lìonra neoni.
Stoidhlichean coltach ris
- ElevenLabs — Aiste dhealbhan ann an tònaichean blàth uachdar le cinn-naidheachd seòlta. Leabhar-notaichean stoidhle Bauhaus - pàipear dath sligean ugh, inc dubh, agus aon stràc purpaidh is orains airson taisbeanadh toraidh.
- Awesomic — Mogall sinc deasachaidh le comharran puingeachaidh orains a tha a’ cur nar cuimhne confetti
- Monad — iris theicnigeach deasachaidh air pàipear blàth
- Dub — Pannal smachd pàipear rus matte Link
- Seline Analytics — Clàr anailis sàmhach air pàipear blàth
- Anthropic — Iris achaidh saidheansail air vellum blàth—uachdaran socair eabhair, cinn-deasachaidh le serifean, agus stràc crèadha singilte a nochdas dìreach nuair a tha feum air gnìomh.
- Calendly — Inc gorm dorcha air marmor fuar
- Augen Pro — Tha taisbeanadh geal Apple a’ nochdadh gorm dealain clionaigeach, gun chuideam, mar an aon stràc ann an àite monochrome.
- Antimetal — Eachdraidh deasachaidh air pàipear uachdar—madainn shàmhach aig iris saidheansail, far a bheil smachd a’ nochdadh misneachd agus serifs a’ dèanamh an obair throm
- Perk — Aol dealain air pàipear parchment blàth
- Ditto — Bùth-obrach fo sholas na grèine a’ cruthachadh sampallan de fhlùraichean fiadhaich. Uachdaran blàth uachdar, dath bunaiteach buidhe beòthail, inc gorm-dhorcha domhainn, cruthan dath organach a’ fàs air cùl a’ phìos.
- Officevibe — Iris deasachaidh air pàipear blàth uachdar-dathte. Smaoinich air aiste smaoineachail air riaghladh HR, air a thaisbeanadh mar thoradh—cruth-clò serif cursive a’ bruidhinn tro eadar-aghaidh ghorm ùr-nodha.