[{"data":1,"prerenderedAt":128},["ShallowReactive",2],{"blog-post-ca-colors-contrast-miniatures-youtube":3},{"id":4,"title":5,"body":6,"category":115,"date":116,"description":117,"extension":118,"locale":119,"meta":120,"navigation":121,"path":122,"seo":123,"slug":124,"stem":125,"translationKey":126,"__hash__":127},"blog\u002Fblog\u002Fca\u002Fcolors-contrast-miniatures-youtube.md","Com fer servir color i contrast perquè la teva thumbnail destaqui",{"type":7,"value":8,"toc":104},"minimark",[9,13,18,21,24,37,41,44,56,59,63,66,70,73,77,80,84,101],[10,11,12],"p",{},"El color importa a YouTube, però el contrast encara més. Una miniatura no guanya perquè utilitzi colors de moda. Guanya perquè el viewer entén la imatge de manera immediata.",[14,15,17],"h2",{"id":16},"comença-per-la-separació","Comença per la separació",[10,19,20],{},"Abans de triar una paleta, decideix què ha de veure primer l’usuari. Si la cara, el producte o l’objecte principal no se separa bé del fons, el disseny ja neix més feble del que podria ser.",[10,22,23],{},"Regla simple:",[25,26,27,31,34],"ul",{},[28,29,30],"li",{},"fons fosc + subjecte clar",[28,32,33],{},"fons clar + subjecte fosc",[28,35,36],{},"un color d’accent per dirigir la mirada",[14,38,40],{"id":39},"menys-colors-més-intenció","Menys colors, més intenció",[10,42,43],{},"Moltes miniatures fallen perquè tot té la mateixa intensitat. Funciona millor una estructura molt simple:",[45,46,47,50,53],"ol",{},[28,48,49],{},"un color dominant",[28,51,52],{},"un color de suport",[28,54,55],{},"un accent fort",[10,57,58],{},"Aquest accent pot viure en una paraula, un badge, una forma o una expressió.",[14,60,62],{"id":61},"prova-la-thumbnail-en-petit","Prova la thumbnail en petit",[10,64,65],{},"Redueix-la. Si el focus desapareix, el contrast no està fent prou feina. Si el text es fon amb el fons, necessita més separació.",[14,67,69],{"id":68},"revisa-light-mode-i-dark-mode","Revisa light mode i dark mode",[10,71,72],{},"YouTube es consumeix en entorns clars i foscos. Les miniatures amb vores febles poden desaparèixer en un dels dos. Un contorn suau, una ombra o una placa de fons sol ajudar molt.",[14,74,76],{"id":75},"no-confonguis-soroll-amb-claredat","No confonguis soroll amb claredat",[10,78,79],{},"Els colors intensos poden ajudar, però massa intensitat crea soroll. L’objectiu no és fer la miniatura més carregada. L’objectiu és fer que la decisió de clic sigui més fàcil.",[14,81,83],{"id":82},"checklist-ràpida","Checklist ràpida",[25,85,86,89,92,95,98],{},[28,87,88],{},"El subjecte s’identifica en un sol cop d’ull?",[28,90,91],{},"Hi ha un accent visual clar?",[28,93,94],{},"El sistema de color reforça la idea?",[28,96,97],{},"Es continua llegint bé en mòbil?",[28,99,100],{},"Manté visibilitat en context clar i fosc?",[10,102,103],{},"El millor color és el que fa més evident la història en menys temps.",{"title":105,"searchDepth":106,"depth":106,"links":107},"",3,[108,110,111,112,113,114],{"id":16,"depth":109,"text":17},2,{"id":39,"depth":109,"text":40},{"id":61,"depth":109,"text":62},{"id":68,"depth":109,"text":69},{"id":75,"depth":109,"text":76},{"id":82,"depth":109,"text":83},"Design","2026-04-15","Regles pràctiques per construir miniatures més visibles, més llegibles i més clicables.","md","ca",{},true,"\u002Fblog\u002Fca\u002Fcolors-contrast-miniatures-youtube",{"title":5,"description":117},"colors-contrast-miniatures-youtube","blog\u002Fca\u002Fcolors-contrast-miniatures-youtube","color-contrast-thumbnails","iJzwBYNC-FzXKrUKHnXqXcd-lANjSJTJKFOBxJS0zAw",1787062777845]