Notion
Kahie taratasy mafana eo ambanin'ny masoandro mitataovovonana
Toy ny kahie taratasy tian'ny olona amin'ny andro mazava ny endriky ny Notion: lamba mafana sy malefaka (#f6f5f4) izay mora tsapa fa tsy madio, soratra sans-serif malalaka izay manome lanja ny lahatsoratra, ary loko ampiasaina ho mari-piatoana kely—ny "pills" paiso dia manasongadina matoanteny, manga tokana no mamaritra ny hetsika fototra, ary ny loko mihodina (coral, amber, sky, midnight) dia mandoko ny ambadika karatra toy ny stickers. Ny karatra dia milahatra eo amin'ny lamba misy sisiny sy zorony manify—tsy misy aloka, tsy misy chrome—toy ny fizarana misy tsipika amin'ny kahie Moleskine. Ny sary mihetsika dia mahafinaritra sy mavitrika, miaraka amin'ny fifindrana malefaka amin'ny 200ms sy ny sary mihetsika mavitrika izay mamelona ny interface nefa tsy mandravaka.
Voafetra ho 1440px eo ho eo ny sakany ambony indrindra raha eo afovoany. Ny singa fototra dia antontan-taratasy afovoany: andalana marika → lohateny lehibe misy andalana roa misy pilina miloko tafiditra → lohateny kely → andalana misy bokotra antso ho amin'ny hetsika roa → modely UI vokatra lehibe. Eo ambanin'ny singa fototra, mifandimby eo anelanelan'ny harato karatra fotsy sy takelaka fanamafisam-peo miloko feno ny fizarana. Ny rindrin'ny logo dia harato andalana tokana afovoany misy logo mpiara-miasa amin'ny grayscale. Mampiasa endrika tsanganana roa ny sakany endri-javatra (soratra eo ankavia, takelaka miloko eo ankavanana), mifandimby avy any ankavia miankavanana eo anelanelan'ny fizarana. Ny fizarana "Anontanio ny mpanampy anao rehefa ilaina" dia mampiasa harato karatra 2x2, izay ny karatra ambony no maka ny sakany feno, ary ny andalana ambany dia mizara ho tsanganana roa mitovy. Malalaka ny tatatra eo anelanelan'ny fizarana (~80px), ka mamorona gadona mitsangana milamina. Ny fitetezana dia bara ambony raikitra 64px misy singa fitetezana afovoany sy bokotra hetsika milahatra ankavanana.
Zava-dehibe ny sary, tsy misy sary. Ny fiteny hita maso dia miorina amin'ny marika fisaka sy misy sary (sisiny boribory amin'ny faribolana miloko 2px), singa haingon-trano abstract (squiggles vita tanana, glitter, zana-tsipìka, endrika voninkazo), ary mockups amin'ny interface mpampiasa ny vokatra. Miseho ao amin'ny varavarankely lehibe ho toy ny andalana mitsivalana misy avatar fito ireo marika ary miparitaka manerana ny pejy ho toy ny mari-piatoana milalao. Ny pikantsary vokatra no hany singa hita maso "tena izy": mampiseho ny interface Notion tena izy (board Kanban, views document, AI agent panels) miaraka amin'ny singa feno sy angon-drakitra tena izy. Ny mockup vokatra ao amin'ny varavarankely lehibe dia lehibe, afovoany, ary mamoaka aloka tokana manasaraka azy amin'ny lamba. Tsy misy sary momba ny fomba fiaina, tsy misy sary tahiry, tsy misy sary 3D abstract.
faritra,
Marika
- Notion Blue
#0075de— Ny singa fototra mameno ny bokotra antso ho amin'ny hetsika (CTA), ny fanamafisana ao amin'ny fitetezana mavitrika, ny bokotra hetsika feno no hany loko ao amin'ny rafitra saika monochrome izay tototry ny loko ampy mba ho hita ho toy ny switch.
tsy miandany
- Paper Warmth
#f6f5f4— Loko mafana sy somary beige ny lamban'ny pejy, ny ambadika varavarankely lehibe, ary ny ambadika fizarana izay manome ny rafitra fahatsapana azo tsapain-tanana sy analogika. - Pure White
#ffffff— Velaran'ny karatra, takelaka mitsangana, lamosin'ny logo, lahatsoratra mifanohitra amin'ny karatra maizina. - Ink Black
#000000— Lahatsoratra fototra, rohy mankany amin'ny fitetezana, lohateny - ampiasaina amin'ny mangarahara samihafa (100%, 95%, 90%, 60%, 40%, 20%) mba hananganana ambaratongam-pahefana tsy misy fanampiana loko vaovao. - Charcoal
#111111— Safidy soratra maizina ho an'ireo faritra UI izay toa henjana loatra ny mainty tanteraka. - Stone
#757575— Lahatsoratra fanamoriana faharoa, lahatsoratra mpanampy mangina, marika bokotra tsy mandeha - 60% loko alpha - Graphite
#615d59— Mafana ny lokon'ny lahatsoratra fototra - volondavenona somary volontany, izay mifanaraka tsara amin'ny loko mafana ao ambadika.
Tipografia
manomboka amin'ny 12 ka hatramin'ny 96px · dingana 10
- NotionInter — fanoloana: Inter · drafitra 400, 500, 600, 700 · Ny endri-tsoratra sans-serif fototra dia endrika geometrika maha-olona misy tsipirian-javatra madinika, ampiasaina amin'ny habe 400 ho an'ny lahatsoratra fototra, 500 ho an'ny fitetezana/interface mpampiasa, ary 600-700 ho an'ny lohateny. Mampiasa elanelana mahery vaika amin'ny litera ratsy amin'ny habe lehibe kokoa (-4.6px amin'ny 96px, -2px amin'ny 72px) ny haben'ny endri-tsoratra, izay mahatonga ny lohateny ho kely kokoa sy matoky tena kokoa, fa tsy ho malalaka kokoa.
- Lyon Text — fanoloana: Source Serif Pro · drafitra 400 · Ny endri-tsoratra serif, izay natokana ho an'ny fizarana tsirairay ao amin'ny lahatsoratra fototra sy ny fampidirana fizarana, dia ampiasaina amin'ny fomba voafetra (inefatra) mba hanomezana lanja ara-literatiora ny endri-tsoratra, mitovy amin'ny teny nalaina tao amin'ny firafitry ny gazety. Miasa ho toy ny lantom-peo mirindra izy io fa tsy toy ny ambaratongam-pahefana mifanitsy.
Elanelana sy endrika
| Zava-kendreny | HEVITRY |
|---|---|
| hakitroky | Average |
| Dingana fototra | 8px |
| Savaivony bokotra | 8px |
| Savaivony karatra | 12px |
| aloka | tsy misy sisiny fa tsy aloka |
| Eo anelanelan'ny fizarana | 80px |
| Sakany pejy | 1440px |
Hanangana ny tranonkalanao amin'ny fomba Notion ny AI ary hameno azy
- Fenoy vokatra sy lahatsoratra amin'ny alàlan'ny rohy - Instagram, TikTok, Facebook.
- Afindrao ny votoaty avy amin'ny tranonkalanao taloha—farito fotsiny ny adiresy.
- Endrika maoderina amin'ny motera tsara indrindra: React ( Next.js) miaraka amin'ny rendering mpizara sy fanatsarana SEO efa misy.
- Fanatsarana SEO mandeha ho azy tanteraka ho an'ny valin'ny fikarohana sy ny tolo-kevitra momba ny tambajotra neural.
Endrika mitovy
- ElevenLabs — Lahatsoratra sary miloko crème mafana misy lohateny malefaka. Kahie fomba Bauhaus—taratasy miloko akoran'atody, ranomainty mainty, ary haingon-trano volomparasy sy volomboasary tokana ho an'ny fampirantiana vokatra.
- Awesomic — Harato zinc fanoratana misy mari-piatoana volomboasary mampahatsiahy ny confetti
- Monad — gazety teknika fanoratana momba ny taratasy hodi-biby mafana
- Dub — Takelaka fanaraha-maso taratasy vary matroka an'ny Link
- Seline Analytics — Tabilao famakafakana mangina eo ambony taratasy mafana
- Anthropic — Diarin'ny siansa eny an-kianja vita amin'ny vellum mafana—velarana ivoara tony, lohateny misy serif, ary lantom-peo tanimanga tokana izay tsy miseho raha tsy rehefa ilaina ny asa.
- Calendly — Ranomainty manga maizina eo amin'ny marbra mangatsiaka
- Augen Pro — Ny loko fotsy an'ny Apple dia ahitana manga elektrika maivana sy ara-pitsaboana ho hany haingon-trano ao anatin'ny efitrano tokana.
- Antimetal — Tantaran'ny tonian-dahatsoratra amin'ny taratasy crème—maraina tony ao amin'ny gazety siantifika, izay ahitana ny fifehezana maneho fahatokisana ary ny serif no manao ny asa mavesatra
- Perk — Somary elektrika eo ambony taratasy fanaova-mofo mafana
- Ditto — Atrikasa iray nohazavain'ny masoandro mba hamoronana santionan'ny voninkazodia. Ety ivelany mafana sy miloko crème, loko fototra mavo marevaka, ranomainty manga maizina lalina, loko organika mivelatra ao ambadiky ny sangan'asa.
- Officevibe — Gazety fanoratana amin'ny taratasy mafana miloko crème. Alaivo sary an-tsaina lahatsoratra iray feno fisaintsainana momba ny fitantanana ny HR, aseho amin'ny endrika vokatra—endri-tsoratra serif mikorisa mibitsibitsika amin'ny alalan'ny interface manga maoderina.