{"id":17994,"date":"2025-12-16T17:21:09","date_gmt":"2025-12-16T17:21:09","guid":{"rendered":"https:\/\/codewebbarcelona.com\/diseno-grafico-destacado-la-semana-heinz-typeface-by-studio-drama\/"},"modified":"2026-04-20T18:59:54","modified_gmt":"2026-04-20T18:59:54","slug":"disseny-grafic-setmana-heinz-typeface-studio-drama","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/","title":{"rendered":"Disseny gr\u00e0fic destacat de la setmana: Heinz Typeface by Studio Drama"},"content":{"rendered":"<h3>Una tipografia a mida que refor\u00e7a un dels sistemes de marca m\u00e9s reconeixibles del m\u00f3n<\/h3>\n<p>Quan una marca porta m\u00e9s de 150 anys formant part de la cultura popular global, qualsevol intervenci\u00f3 en la seva identitat visual ha de ser d\u2019una precisi\u00f3 gaireb\u00e9 quir\u00fargica. El projecte <strong>Heinz Typeface<\/strong>, desenvolupat per <strong>Jones Knowles Ritchie<\/strong> juntament amb <strong>Studio DRAMA<\/strong> per a <strong>Kraft Heinz<\/strong>, \u00e9s un exemple magistral de com el disseny tipogr\u00e0fic pot preservar un llegat ic\u00f2nic i, alhora, adaptar-lo a les necessitats actuals. Guardonat amb un <strong>D&amp;AD Wood Pencil 2025<\/strong>, aquest projecte demostra que la tipografia continua sent un dels actius estrat\u00e8gics m\u00e9s potents dins del branding global.<\/p>\n<p>Des de la nostra experi\u00e8ncia com a <strong>ag\u00e8ncia de disseny gr\u00e0fic, branding i identitat visual a Barcelona<\/strong>, especialitzada tamb\u00e9 en disseny web i sistemes de marca, Heinz Typeface \u00e9s un cas d\u2019estudi excepcional: una tipografia a mida que no nom\u00e9s millora la coher\u00e8ncia i la llegibilitat, sin\u00f3 que refor\u00e7a la propietat visual d\u2019una marca present a m\u00e9s de 200 pa\u00efsos.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14052\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-2.gif\" alt=\"\" width=\"3840\" height=\"2160\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14053\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-3.gif\" alt=\"\" width=\"3840\" height=\"2160\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14054\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-4.gif\" alt=\"\" width=\"3840\" height=\"2160\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14055\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-1.gif\" alt=\"\" width=\"3840\" height=\"4803\" \/><\/p>\n<h3>Preservar i evolucionar: el punt de partida<\/h3>\n<p>L\u2019origen del projecte parteix d\u2019una realitat habitual en marques hist\u00f2riques: amb el temps, l\u2019\u00fas acumulat del wordmark i diferents alfabets havia generat inconsist\u00e8ncies. Les ic\u00f2niques maj\u00fascules de Heinz, reconegudes arreu del m\u00f3n, requerien una revisi\u00f3 profunda per recuperar ritme, coher\u00e8ncia i claredat.<\/p>\n<p>En comptes de reinventar la marca, l\u2019equip va optar per una <strong>evoluci\u00f3 silenciosa<\/strong>. Cada corba, angle i terminal es va redibuixar amb cura per mantenir intacta la personalitat atrevida de Heinz, per\u00f2 adaptant-la als est\u00e0ndards tipogr\u00e0fics actuals. \u00c9s una feina que no busca protagonisme, per\u00f2 que transforma de manera substancial la percepci\u00f3 global de la marca.<\/p>\n<p>Aquest enfocament \u00e9s especialment rellevant per a qualsevol estudi de disseny gr\u00e0fic que treballi amb marques consolidades: no sempre cal trencar, sovint cal afinar.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14056\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-3.png\" alt=\"\" width=\"1080\" height=\"1350\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14057\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-4.jpg\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14058\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-5.png\" alt=\"\" width=\"1920\" height=\"1081\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14059\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-1.jpg\" alt=\"\" width=\"1600\" height=\"900\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14060\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-2.jpg\" alt=\"\" width=\"1600\" height=\"900\" \/><\/p>\n<h3>La tipografia com a nucli del reconeixement global<\/h3>\n<p>Des de Ketchup i Beanz fins a Mayo o Cream of Tomato, Heinz \u00e9s una pres\u00e8ncia constant als supermercats d\u2019arreu del m\u00f3n. En aquest ecosistema visual tan ampli, la tipografia esdev\u00e9 un element cohesionador fonamental.<\/p>\n<p>Heinz Typeface es va desenvolupar alineant cada lletra amb els elements m\u00e9s distintius de l\u2019univers visual de la marca: el <strong>keystone<\/strong>, la forma de l\u2019etiqueta, el wordmark hist\u00f2ric i el seu ritme caracter\u00edstic. Aquesta coher\u00e8ncia permet que la tipografia actu\u00ef com a fil conductor visual en un sistema que abasta milers d\u2019aplicacions, idiomes i contextos culturals.<\/p>\n<p>Per a marques globals, i tamb\u00e9 per a projectes de <strong>branding a Barcelona amb vocaci\u00f3 internacional<\/strong>, aquest aspecte \u00e9s clau: una tipografia pr\u00f2pia pot esdevenir l\u2019eix m\u00e9s s\u00f2lid de la identitat.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14062\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-10.jpg\" alt=\"\" width=\"1664\" height=\"936\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14063\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-12.png\" alt=\"\" width=\"1080\" height=\"1350\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14064\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-13.png\" alt=\"\" width=\"1080\" height=\"1350\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14065\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-20.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<h3>Unmistakably Heinz: lletres amb ADN propi<\/h3>\n<p>Un dels grans \u00e8xits del projecte \u00e9s que <strong>cada lletra \u00e9s reconeixible fins i tot per separat<\/strong>. El ritme del wordmark original va servir de guia, assegurant que el car\u00e0cter Heinz fos present en cada glif.<\/p>\n<p>El keystone \u2014s\u00edmbol hist\u00f2ric de la marca\u2014 va influir directament en angles, talls i corbes, generant una coher\u00e8ncia formal que travessa tot el sistema tipogr\u00e0fic. El resultat \u00e9s una veu visual tan \u00fanica com el gust de Heinz: dif\u00edcil de definir, impossible de confondre.<\/p>\n<p>Aquest nivell de \u201cpropietat\u201d \u00e9s un dels grans objectius del disseny tipogr\u00e0fic contemporani aplicat al branding.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14066\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-9.jpg\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14067\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-15.png\" alt=\"\" width=\"1080\" height=\"1350\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14068\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-22.jpg\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14069\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-25.png\" alt=\"\" width=\"1080\" height=\"1350\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14070\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-27.jpg\" alt=\"\" width=\"1600\" height=\"900\" \/><\/p>\n<h3>Label: una nova dimensi\u00f3 expressiva<\/h3>\n<p>Un dels grans aven\u00e7os del projecte \u00e9s l\u2019ampliaci\u00f3 del tipus original amb una <strong>nova min\u00fascula, numeraci\u00f3 i signes de puntuaci\u00f3<\/strong>. Per primer cop a la seva hist\u00f2ria, Heinz disposa d\u2019una tipografia completa capa\u00e7 de modular el to de la seva comunicaci\u00f3.<\/p>\n<p>Aix\u00f2 permet una cosa in\u00e8dita en una marca d\u2019aquest nivell: <strong>parlar en veu baixa o cridar amb la mateixa identitat<\/strong>. Des de titulars impactants fins a textos m\u00e9s narratius o informatius, Heinz pot mantenir la coher\u00e8ncia sense perdre expressivitat.<\/p>\n<p>Aquesta flexibilitat \u00e9s especialment rellevant en l\u2019entorn digital, on el to de veu ha d\u2019adaptar-se a m\u00faltiples plataformes, des de xarxes socials fins a ecommerce.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14071\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-18.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14072\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-26.jpg\" alt=\"\" width=\"1600\" height=\"900\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14073\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-28.jpg\" alt=\"\" width=\"1600\" height=\"900\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14074\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-7.png\" alt=\"\" width=\"1080\" height=\"1350\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14075\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-17.jpg\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<h3>Heinz Sans: m\u00e0xima claredat per a contextos funcionals<\/h3>\n<p>Com a complement de l\u2019estil Label, el projecte incorpora <strong>Heinz Sans<\/strong>, una tipografia totalment nova pensada per oferir la m\u00e0xima llegibilitat en mides petites i entorns funcionals.<\/p>\n<p>Heinz Sans comparteix l\u2019ADN visual de la marca, per\u00f2 est\u00e0 optimitzada per a:<\/p>\n<ul>\n<li>textos legals,<\/li>\n<li>informaci\u00f3 nutricional,<\/li>\n<li>reversos de packaging,<\/li>\n<li>interf\u00edcies digitals,<\/li>\n<li>ecommerce i campanyes online.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Aquest equilibri entre personalitat i funcionalitat \u00e9s una lli\u00e7\u00f3 clau per a qualsevol projecte de disseny web o sistemes d\u2019identitat visual complexos.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14076\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-19.jpg\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14077\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-30.jpg\" alt=\"\" width=\"1600\" height=\"900\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14078\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-6.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<h3>From bottle to browser: una tipografia preparada per a tot<\/h3>\n<p>Heinz Typeface ha estat concebuda per funcionar en qualsevol context imaginable: des d\u2019una ampolla a la porta de la nevera fins a una campanya exterior, passant per carrusels d\u2019ecommerce en mercats asi\u00e0tics.<\/p>\n<p>M\u00e9s enll\u00e0 de la coher\u00e8ncia visual, el sistema tipogr\u00e0fic aporta <strong>claredat, flexibilitat i confian\u00e7a<\/strong>. Tres atributs essencials per a marques que operen a escala global i han de mantenir una identitat s\u00f2lida tant en entorns f\u00edsics com digitals.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14080\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-11.jpg\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14079\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-23.jpg\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<h3>Tipografia com a objecte emocional: Heinz Love Letters<\/h3>\n<p>El nivell de dedicaci\u00f3 rere aquest projecte \u00e9s extraordinari. M\u00e9s de <strong>600 hores de treball<\/strong> han estat necess\u00e0ries per donar forma a la fam\u00edlia tipogr\u00e0fica. Per celebrar aquest esfor\u00e7, l\u2019equip va crear <strong>Heinz: Love Letters<\/strong>, un zine editorial que funciona com una declaraci\u00f3 d\u2019amor a la tipografia.<\/p>\n<p>El llibre recull hist\u00f2ries ic\u00f2niques, experiments tipogr\u00e0fics i an\u00e8cdotes que demostren la relaci\u00f3 emocional que la gent mant\u00e9 amb la marca. Des de tatuatges de Ketchup fins a peticions de m\u00e0 escrites amb Alphabetti, Heinz \u00e9s un fenomen cultural que va molt m\u00e9s enll\u00e0 del producte.<\/p>\n<p>Aquesta connexi\u00f3 emocional refor\u00e7a una idea fonamental: quan el disseny es fa amb obsessi\u00f3 i respecte, es converteix en part de la vida de les persones.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14082\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-31.jpg\" alt=\"\" width=\"1600\" height=\"900\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14081\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-32.jpg\" alt=\"\" width=\"1600\" height=\"900\" \/><\/p>\n<h3>Reconeixements i premis<\/h3>\n<p>El projecte Heinz Typeface ha estat reconegut internacionalment per la seva excel\u00b7l\u00e8ncia tipogr\u00e0fica i estrat\u00e8gica:<\/p>\n<ul>\n<li><strong>D&amp;AD Awards 2025 \u2013 Wood Pencil<\/strong><\/li>\n<li><strong>Categories:<\/strong> Typography, Type Design &amp; Lettering, Graphic Design<\/li>\n<li><strong>Pa\u00eds:<\/strong> Regne Unit<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Cr\u00e8dits del projecte<\/h3>\n<ul>\n<li><strong>Entrant Company:<\/strong> Jones Knowles Ritchie<\/li>\n<li><strong>Studio:<\/strong> DRAMA<\/li>\n<li><strong>Client \/ Brand:<\/strong> Heinz (Kraft Heinz)<\/li>\n<li><strong>Credits:<\/strong> Chris Nott, William Richardson, Diego Aravena, Florian Runge, David Suid, Oliver Dell<\/li>\n<li><strong>Services:<\/strong> Custom Typefaces, Animation<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14083\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-jones-knowles-ritchie-29.jpg\" alt=\"\" width=\"1600\" height=\"900\" \/><\/p>\n<h3>Conclusi\u00f3: quan la tipografia esdev\u00e9 patrimoni de marca<\/h3>\n<p>Heinz Typeface \u00e9s molt m\u00e9s que una fam\u00edlia tipogr\u00e0fica: \u00e9s una<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una tipografia a mida que refor\u00e7a un dels sistemes de marca m\u00e9s reconeixibles del m\u00f3n Quan una marca porta m\u00e9s de 150 anys formant part de la cultura popular global, qualsevol intervenci\u00f3 en la seva identitat visual ha de ser d\u2019una precisi\u00f3 gaireb\u00e9 quir\u00fargica. El projecte Heinz Typeface, desenvolupat per Jones Knowles Ritchie juntament amb [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1151,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[210,134],"class_list":["post-17994","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiracio","category-disseny-grafic"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Disseny gr\u00e0fic destacat de la setmana: Heinz Typeface by Studio Drama - Code Barcelona<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Disseny gr\u00e0fic destacat de la setmana: Heinz Typeface by Studio Drama - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Una tipografia a mida que refor\u00e7a un dels sistemes de marca m\u00e9s reconeixibles del m\u00f3n Quan una marca porta m\u00e9s de 150 anys formant part de la cultura popular global, qualsevol intervenci\u00f3 en la seva identitat visual ha de ser d\u2019una precisi\u00f3 gaireb\u00e9 quir\u00fargica. El projecte Heinz Typeface, desenvolupat per Jones Knowles Ritchie juntament amb [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-16T17:21:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T18:59:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-studio-drama-featured.png\" \/>\n\t<meta property=\"og:image:width\" content=\"458\" \/>\n\t<meta property=\"og:image:height\" content=\"255\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Disseny gr\u00e0fic destacat de la setmana: Heinz Typeface by Studio Drama\",\"datePublished\":\"2025-12-16T17:21:09+00:00\",\"dateModified\":\"2026-04-20T18:59:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/\"},\"wordCount\":1129,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-studio-drama-featured.png\",\"articleSection\":[\"Inspiraci\u00f3\",\"Dise\u00f1o gr\u00e1fico\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/\",\"name\":\"Disseny gr\u00e0fic destacat de la setmana: Heinz Typeface by Studio Drama - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-studio-drama-featured.png\",\"datePublished\":\"2025-12-16T17:21:09+00:00\",\"dateModified\":\"2026-04-20T18:59:54+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-studio-drama-featured.png\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-studio-drama-featured.png\",\"width\":458,\"height\":255},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Disseny gr\u00e0fic destacat de la setmana: Heinz Typeface by Studio Drama - Code Barcelona","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/","og_locale":"ca_ES","og_type":"article","og_title":"Disseny gr\u00e0fic destacat de la setmana: Heinz Typeface by Studio Drama - Code Barcelona","og_description":"Una tipografia a mida que refor\u00e7a un dels sistemes de marca m\u00e9s reconeixibles del m\u00f3n Quan una marca porta m\u00e9s de 150 anys formant part de la cultura popular global, qualsevol intervenci\u00f3 en la seva identitat visual ha de ser d\u2019una precisi\u00f3 gaireb\u00e9 quir\u00fargica. El projecte Heinz Typeface, desenvolupat per Jones Knowles Ritchie juntament amb [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/","og_site_name":"Code Barcelona","article_published_time":"2025-12-16T17:21:09+00:00","article_modified_time":"2026-04-20T18:59:54+00:00","og_image":[{"width":458,"height":255,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-studio-drama-featured.png","type":"image\/png"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"cd26Bc","Temps estimat de lectura":"6 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Disseny gr\u00e0fic destacat de la setmana: Heinz Typeface by Studio Drama","datePublished":"2025-12-16T17:21:09+00:00","dateModified":"2026-04-20T18:59:54+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/"},"wordCount":1129,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-studio-drama-featured.png","articleSection":["Inspiraci\u00f3","Dise\u00f1o gr\u00e1fico"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/","name":"Disseny gr\u00e0fic destacat de la setmana: Heinz Typeface by Studio Drama - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-studio-drama-featured.png","datePublished":"2025-12-16T17:21:09+00:00","dateModified":"2026-04-20T18:59:54+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-grafic-setmana-heinz-typeface-studio-drama\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-studio-drama-featured.png","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/12\/diseno-grafico-destacado-de-la-semana-heinz-typeface-by-studio-drama-featured.png","width":458,"height":255},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/17994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=17994"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/17994\/revisions"}],"predecessor-version":[{"id":18028,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/17994\/revisions\/18028"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/1151"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=17994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=17994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}