Notion
Leabhar nótaí páipéir te faoi ghrian meán lae
Breathnaíonn comhéadan Notion cosúil le leabhar nótaí páipéir a bhfuil grá ag daoine dó i lár an lae: chanbhás te, uachtarúil (#f6f5f4) a bhraitheann tadhlach seachas steiriúil, clóghrafaíocht fhlaithiúil sans-serif a thugann meáchan eagarthóireachta don chóip táirge, agus dath a úsáidtear mar phoncaíocht gann - aibhsíonn "piollairí" péitseog briathra, ancaire gorm aonair an phríomhghníomh, agus dathaíonn réimse rothlach dathanna béime (coiréal, ómra, spéir, meán oíche) cúlraí na gcártaí cosúil le greamáin. Socraítear cártaí ar chanbhás le himill agus coirnéil tanaí - gan scáthanna, gan cróm - cosúil le codanna líneáilte leabhar nótaí Moleskine. Tá an beochan spraíúil agus earrachach, le haistrithe réidh ag 200ms agus beochana carachtar earrachacha a thugann beatha don chomhéadan gan a bheith maisiúil.
Láraithe, tá an leithead uasta teoranta do thart ar 1440px. Is é an phríomhghné carn láraithe: sraith siombailí → ceannlíne mhór dhá líne le piolla daite leabaithe → fo-cheannlíne → sraith le dhá chnaipe glao-chun-gníomhaíochta → magadh mór UI táirge. Faoin bpríomhghné, malartaíonn rannóga idir eangacha cártaí bána agus painéil béime lán-daite. Is eangach láraithe aon-sraithe de lógónna comhpháirtíochta i liathscála é balla an lógó. Úsáideann na bloic ghné leagan amach dhá cholún (téacs ar chlé, painéal daite ar dheis), ag malartú ó chlé go deas idir rannóga. Úsáideann an chuid "Fiafraigh de do chúntóirí ar éileamh" eangach cártaí 2x2, áit a nglacann an cárta barr an leithead iomlán, agus tá an tsraith bun roinnte ina dhá cholún chomhionanna. Tá na gutair idir rannóga flaithiúil (~80px), rud a chruthaíonn rithim ingearach socair. Is barra barr seasta 64px ar airde é an nascleanúint le heilimintí nascleanúna láraithe agus cnaipí gníomhaíochta ailínithe ar dheis.
Tá na léaráidí thar a bheith tábhachtach, gan aon ghrianghraif. Tá an teanga amhairc bunaithe ar shiombailí cothroma, léirithe (imill chruinne i gciorcail dhaite 2px), eilimintí maisiúla teibí (squiggles lámh-tharraingthe, glitter, saigheada, cruthanna bláthanna), agus magadh de chomhéadan úsáideora an táirge. Feictear na siombailí sa phríomhfhuinneog mar shraith chothrománach de sheacht n-avatar agus tá siad scaipthe ar fud an leathanaigh mar phoncaíocht súgach. Is iad scáileáin an táirge na heilimintí amhairc "fíor" amháin: taispeánann siad an comhéadan Notion iarbhír (boird Kanban, radhairc doiciméad, painéil ghníomhaire AI) le sraith iomlán eilimintí agus sonraí fíor. Tá magadh an táirge sa phríomhfhuinneog mór, lárnaithe, agus caitheann sé scáth aonair á scaradh ón chanbhás. Níl aon ghrianghraif stíl mhaireachtála, aon íomhánna stoic, aon rindreálacha teibí 3T ann.
Pailéad
Branda
- Notion Blue
#0075de— Is é an phríomhghné a líonann an cnaipe glao chun gnímh (CTA), béim sa nascleanúint ghníomhach, na cnaipí gníomhaíochta líonta an t-aon scéim dathanna i gcóras beagnach monacrómach atá sáithithe go leor le go bhfeicfí mar lasc í.
Neodrach
- Paper Warmth
#f6f5f4— Tá chanbhás an leathanaigh, cúlra na príomhfhuinneoige, agus cúlra na rannóige go léir te, beagán beige, rud a thugann mothú tadhlach, analógach don chóras. - Pure White
#ffffff— Dromchlaí cártaí, painéil ardaithe, cúlra lógó, téacs codarsnachta ar chártaí dorcha. - Ink Black
#000000— Príomhthéacs, naisc nascleanúna, ceannteidil - úsáidtear iad le trédhearcacht éagsúil (100%, 95%, 90%, 60%, 40%, 20%) chun ordlathas a thógáil gan dathanna nua a chur leis. - Charcoal
#111111— Rogha téacs dorcha do na réimsí sin den chomhéadan úsáideora ina mbeadh cuma ró-ghéar ar dhubh íon. - Stone
#757575— Téacs nascleanúna tánaisteach, téacs cúnta balbhaithe, lipéid cnaipe díchumasaithe - alfa dúigh 60% - Graphite
#615d59— Tá ton te ar an bpríomhthéacs - liath donn, a chomhchuibhíonn leis an gcúlra te.
Clóghrafaíocht
ó 12 go 96px · 10 gcéim
- NotionInter — athsholáthar: Inter · imlínte 400, 500, 600, 700 · Is cló daonnach geoiméadrach é an príomhchló sans-serif le nuances caolchúiseacha, a úsáidtear ag méideanna 400 do théacs an choirp, 500 le haghaidh nascleanúna/comhéadain úsáideora, agus 600-700 do cheannteidil. Úsáideann an scála cló spásáil litreacha diúltach ionsaitheach ag méideanna níos mó (-4.6px ag 96px, -2px ag 72px), rud a fhágann go mbraitheann an ceannteideal níos dlúithe agus níos muiníní, seachas aerúil.
- Lyon Text — athsholáthar: Source Serif Pro · imlínte 400 · Úsáidtear an cló serif eagarthóireachta, atá curtha in áirithe do chodanna aonair den phríomhthéacs agus do réamhrá na gcodanna, go coigilteach (ceithre huaire) chun meáchan liteartha a thabhairt don chló, cosúil le luachan i leagan amach irisleabhair. Feidhmíonn sé mar bhéim chórasach seachas mar ordlathas comhthreomhar.
Eatraimh agus foirm
| Cuspóir | Brí |
|---|---|
| Dlús | meán |
| Céim bhunúsach | 8px |
| Ga na gcnaipe | 8px |
| Gais cárta | 12px |
| Scáthanna | gan teorainneacha in ionad scáthanna |
| Idir rannóga | 80px |
| Leithead leathanaigh | 1440px |
Tógfaidh AI do shuíomh Gréasáin i stíl Notion agus líonfaidh sé é
- Líon isteach le táirgí agus poist tríd an nasc - Instagram, TikTok, Facebook.
- Aistrigh ábhar ó do sheanláithreán gréasáin—níl le déanamh ach an seoladh a shonrú.
- Dearadh nua-aimseartha ar an inneall is fearr: React ( Next.js) le rindreáil freastalaí agus optamú Sinsearach díreach as an mbosca.
- Uasmhéadú lán-uathoibrithe Sinsearach le haghaidh torthaí cuardaigh agus moltaí líonra néarónach.
Stíleanna comhchosúla
- ElevenLabs — Aiste grianghrafadóireachta i ndathanna uachtar te le ceannlínte caolchúiseacha. Leabhar nótaí i stíl Bauhaus—páipéar daite uibhe, dúch dubh, agus béim corcra agus oráiste aonair le haghaidh taispeáint táirgí.
- Awesomic — Mogalra since eagarthóireachta le marcanna poncaíochta oráiste a chuireann confetti i gcuimhne duit
- Monad — iris theicniúil eagarthóireachta ar phár te
- Dub — Painéal rialaithe páipéir ríse neamhlonrach Link
- Seline Analytics — Tábla anailíseach ciúin ar pháipéar te
- Anthropic — Iris allamuigh eolaíochta ar véilim te—dromchlaí socair eabhair, ceannteidil eagarthóireachta serifed, agus béim chré aonair nach bhfeictear ach nuair is gá gníomh a dhéanamh.
- Calendly — Dúch gorm dorcha ar marmar fuar
- Augen Pro — Tá gorm leictreach cliniciúil, gan mheáchan, mar an t-aon bhéim i spás monacrómach i gcur i láthair bán Apple.
- Antimetal — Croinic eagarthóireachta ar pháipéar uachtarúil—maidin chiúin in iris eolaíochta, áit a léiríonn srian muinín agus a dhéanann serifs an obair throm.
- Perk — Aol leictreach ar pháipéar pár te
- Ditto — Ceardlann faoi sholas na gréine ag cruthú samplaí bláthanna fiáine. Dromchlaí uachtar te, dath bonn buí beoga, dúigh gorma cabhlaigh domhain, foirmeacha dathanna orgánacha ag bláthú taobh thiar den phíosa.
- Officevibe — Iris eagarthóireachta ar pháipéar uachtar-daite te. Samhlaigh aiste mhachnamhach ar bhainistíocht AD, curtha i láthair mar tháirge—cló serif cursive ag cogarnaigh trí chomhéadan gorm nua-aimseartha.