Notion

Llyfr nodiadau papur cynnes yn haul canol dydd

Mae rhyngwyneb Notion yn edrych fel llyfr nodiadau papur annwyl yng ngolau dydd: cynfas cynnes, hufennog (#f6f5f4) sy'n teimlo'n gyffyrddol yn hytrach na di-haint, teipograffeg sans-serif hael yn rhoi pwysau golygyddol i gopi'r cynnyrch, a lliw a ddefnyddir fel atalnodi prin—mae "pils" eirin gwlanog yn amlygu berfau, mae glas sengl yn angori'r prif weithred, ac mae amrywiaeth gylchdroi o liwiau acen (cwrel, ambr, awyr, hanner nos) yn lliwio cefndiroedd y cardiau fel sticeri. Mae cardiau wedi'u trefnu ar gynfas gyda ffiniau a chorneli tenau—dim cysgodion, dim crôm—fel adrannau leinio llyfr nodiadau Moleskine. Mae'r animeiddiad yn chwareus ac yn sbringlyd, gyda thrawsnewidiadau llyfn ar 200ms ac animeiddiadau cymeriad sbringlyd sy'n dod â bywyd i'r rhyngwyneb heb fod yn addurniadol.

Wedi'i ganoli, mae'r lled mwyaf wedi'i gyfyngu i tua 1440px. Y prif elfen yw pentwr canolog: rhes o symbolau → pennawd mawr dwy linell gyda philsen lliw wedi'i hymgorffori → is-bennawd → rhes gyda dau fotwm galwad-i-weithredu → ffug-ryngwyneb cynnyrch mawr. O dan y brif elfen, mae adrannau'n amrywio rhwng gridiau o gardiau gwyn a phaneli acen lliw llawn. Mae wal y logo yn grid rhes sengl ganolog o logos partneriaid mewn graddlwyd. Mae'r blociau nodwedd yn defnyddio cynllun dwy golofn (testun ar y chwith, panel lliw ar y dde), gan amrywio o'r chwith i'r dde rhwng adrannau. Mae'r adran "Gofynnwch i'ch cynorthwywyr ar alw" yn defnyddio grid cardiau 2x2, lle mae'r cerdyn uchaf yn cymryd y lled llawn, ac mae'r rhes waelod wedi'i rhannu'n ddwy golofn gyfartal. Mae'r cwteri rhwng adrannau yn hael (~80px), gan greu rhythm fertigol tawel. Mae'r llywio yn far uchaf sefydlog 64px o uchder gydag elfennau llywio canolog a botymau gweithredu wedi'u halinio i'r dde.

Mae darluniau'n hollbwysig, heb unrhyw luniau. Mae'r iaith weledol wedi'i hadeiladu ar symbolau gwastad, wedi'u darlunio (ymylon crwn mewn cylchoedd lliw 2px), elfennau addurniadol haniaethol (sgwiglau wedi'u tynnu â llaw, gliter, saethau, siapiau blodau), a modelau o ryngwyneb defnyddiwr y cynnyrch. Mae'r symbolau'n ymddangos yn y brif ffenestr fel rhes lorweddol o saith avatar ac wedi'u gwasgaru ar draws y dudalen fel atalnodi chwareus. Cipluniau sgrin cynnyrch yw'r unig elfennau gweledol "go iawn": maent yn dangos y rhyngwyneb Notion gwirioneddol (byrddau Kanban, golygfeydd dogfennau, paneli asiant AI) gyda set lawn o elfennau a data go iawn. Mae'r model cynnyrch yn y brif ffenestr yn fawr, wedi'i ganoli, ac yn taflu un cysgod yn ei wahanu oddi wrth y cynfas. Nid oes unrhyw luniau ffordd o fyw, dim delweddau stoc, dim rendradau 3D haniaethol.

SaaS Pur Minimaliaeth Golygyddol

https://notion.so

Palet

Brand

Notion Blue #0075de — Y prif elfen sy'n llenwi'r botwm galwad-i-weithredu (CTA), acen yn y llywio gweithredol, botymau gweithredu wedi'u llenwi yw'r unig gynllun lliw mewn system bron yn unlliw sy'n ddigon dirlawn i gael ei ystyried fel switsh.

Niwtral

Paper Warmth #f6f5f4 — Mae cynfas y dudalen, cefndir y prif ffenestr, a chefndir yr adran i gyd yn lliwiau cynnes, ychydig yn beige sy'n rhoi teimlad cyffyrddol, analog i'r system.
Pure White #ffffff — Arwynebau cardiau, paneli wedi'u codi, cefndir logo, testun cyferbyniol ar gardiau tywyll.
Ink Black #000000 — Prif destun, dolenni llywio, penawdau - yn cael eu defnyddio gyda gwahanol dryloywder (100%, 95%, 90%, 60%, 40%, 20%) i adeiladu hierarchaeth heb ychwanegu lliwiau newydd.
Charcoal #111111 — Opsiwn testun tywyll ar gyfer y meysydd UI hynny lle byddai du pur yn edrych yn rhy llym.
Stone #757575 — Testun llywio eilaidd, testun cynorthwyol wedi'i dawelu, labeli botwm analluogi - alffa inc 60%
Graphite #615d59 — Mae gan y prif destun naws gynnes - llwyd brown, sy'n cyd-fynd â'r cefndir cynnes.

Teipograffeg

o 12 i 96px · 10 cam

NotionInter — amnewid: Inter · amlinelliadau 400, 500, 600, 700 · Mae'r prif ffont sans-serif yn ddyneiddiol geometrig gyda naws gynnil, a ddefnyddir mewn meintiau 400 ar gyfer testun corff, 500 ar gyfer llywio/rhyngwyneb defnyddiwr, a 600-700 ar gyfer penawdau. Mae graddfa'r ffont yn defnyddio bylchau llythrennau negyddol ymosodol mewn meintiau mwy (-4.6px ar 96px, -2px ar 72px), sy'n gwneud i'r pennawd deimlo'n fwy cryno a hyderus, yn hytrach nag yn awyrog.
Lyon Text — amnewid: Source Serif Pro · amlinelliadau 400 · Defnyddir y ffont serif golygyddol, a gedwir ar gyfer adrannau unigol o'r prif destun a chyflwyniadau'r adrannau, yn gynnil (pedair gwaith) i roi pwysau llenyddol i'r ffont, yn debyg i ddyfyniad mewn cynllun cylchgrawn. Mae'n gweithredu fel acen systemig yn hytrach na hierarchaeth gyfochrog.

Cyfnodau a ffurf

Diben	Ystyr
Dwysedd	cyfartaledd
Cam sylfaenol	8px
Radiws botwm	8px
Radiws y cerdyn	12px
Cysgodion	dim ffiniau yn lle cysgodion
Rhwng adrannau	80px
Lled y dudalen	1440px

Bydd AI yn adeiladu eich gwefan yn null Notion ac yn ei llenwi

Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.

Creu gwefan yn yr arddull hon

Arddulliau tebyg

ElevenLabs — Traethawd llun mewn arlliwiau hufen cynnes gyda phenawdau cynnil. Llyfr nodiadau arddull Bauhaus—papur lliw plisgyn wy, inc du, ac acen borffor ac oren sengl ar gyfer arddangos cynnyrch.
Awesomic — Rhwyll sinc olygyddol gyda marciau atalnodi oren yn atgoffa rhywun o gonffeti
Monad — cyfnodolyn technegol golygyddol ar femrwn cynnes
Dub — Panel rheoli papur reis matte Link
Seline Analytics — Tabl dadansoddol tawel ar bapur cynnes
Anthropic — Cylchgrawn maes gwyddonol ar femrwn cynnes—arwynebau ifori tawel, penawdau golygyddol â serifau, ac acen glai sengl sy'n ymddangos dim ond pan fo angen gweithredu.
Calendly — Inc glas tywyll ar farmor oer
Augen Pro — Mae cyflwyniad gwyn Apple yn cynnwys glas trydan clinigol, dibwysau fel yr unig acen mewn gofod monocrom.
Antimetal — Cronicl golygyddol ar bapur hufen—bore tawel mewn cyfnodolyn gwyddonol, lle mae cymedroli yn cyfleu hyder a serifau yn gwneud y gwaith trwm
Perk — Calch trydan ar bapur memrwn cynnes
Ditto — Gweithdy heulog yn creu samplau o flodau gwyllt. Arwynebau hufen cynnes, lliw sylfaen melyn bywiog, inciau glas tywyll dwfn, ffurfiau lliw organig yn blodeuo y tu ôl i'r darn.
Officevibe — Cylchgrawn golygyddol ar bapur lliw hufen cynnes. Dychmygwch draethawd meddylgar ar reoli AD, wedi'i gyflwyno fel cynnyrch—ffont serif cyrsif yn sibrwd trwy ryngwyneb glas modern.