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
- Mollie — Kaontera vita amin'ny kashmir, boky firaketana maizina. Avelao hisy toerana malalaka ho an'ny famolavolana lahatsoratra manodidina ny lahatsoratra mainty, avy eo hamafiso ireo teboka mifandraika amin'ny vokatra amin'ny alàlan'ny crème mafana, kafe espresso volontany, ary sary azo tsapain-tanana maneho ny fomba fandoavam-bola tena izy.
- Kagi — Efitrano famakian-teny misaraka. Mamoròna toerana fotsy malalaka manodidina ny soratra grafita matevina, amin'ny fampiasana haingon-trano volomparasy malefaka sy velarana pastel mafana mba handravahana ny fitoniana.
- Milanote — Studio famoronana natokana ho an'ny famoronana i Milanote. Mamoròna pejy toy ny ao amin'ny galerian'ny famoahana lahatsoratra amin'ny fampiasana solaitrabe hita maso mitsingevana: rindrina misy rindrina maizina, toerana fampirantiana fotsy, ary pikantsary izay mitovy amin'ny zavatra tena izy nefa lalina.
- Co2 — Atlas momba ny toetrandro amin'ny hazavan'ny ririnina. Mamoròna pejy toy ny tontolon'ny antontan-taratasy eny amin'ny lanitra, izay ahitana lohateny serif, angon-drakitra misy kaody sokajy, ary sary misy ranomandry manasongadina sisiny fotsy midadasika.
- GitButler — Loko manga manga eo amin'ny faran'ny lahatsoratra. Fitambaran'ny lohateny serif mifanohitra avo lenta miaraka amin'ny harato teknika malefaka, velarana grafita mafana, ary haingon-trano manga manga maizina.
- 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