{"id":43609,"date":"2025-09-12T15:41:43","date_gmt":"2025-09-12T12:41:43","guid":{"rendered":"https:\/\/typetype.org\/es\/?p=43609"},"modified":"2026-02-03T09:03:36","modified_gmt":"2026-02-03T06:03:36","slug":"a-font-with-a-wide-reach-a-special-project-for-shiftbrain-s-20th-anniversary","status":"publish","type":"post","link":"https:\/\/typetype.org\/es\/blog\/a-font-with-a-wide-reach-a-special-project-for-shiftbrain-s-20th-anniversary\/","title":{"rendered":"Una Fuente de\u00a0Gran Alcance: Un\u00a0Proyecto Especial para el\u00a020.\u00ba Aniversario de\u00a0SHIFTBRAIN"},"content":{"rendered":"\n<p>En&nbsp;2023, la&nbsp;agencia de&nbsp;marketing japonesa SHIFTBRAIN lanz\u00f3 un&nbsp;<a href=\"https:\/\/shiftbrain.com\/20th\/\" target=\"_blank\" rel=\"noreferrer noopener\">sitio web interactivo<\/a> dedicado al&nbsp;20.\u00ba aniversario de&nbsp;la&nbsp;compa\u00f1\u00eda. Para este proyecto, el&nbsp;equipo de&nbsp;TypeType desarroll\u00f3 una fuente variable \u00fanica, capaz de&nbsp;expandirse hasta anchos horizontales extremos. Como base, utilizamos el&nbsp;superventa <a href=\"https:\/\/typetype.org\/es\/fonts\/tt-norms-pro\/\">TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro<\/a>, que ya&nbsp;era la&nbsp;fuente corporativa de&nbsp;la&nbsp;empresa; puedes verla en&nbsp;el&nbsp;<a href=\"https:\/\/shiftbrain.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">sitio web principal de&nbsp;SHIFTBRAIN<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt-shiftbrain-blog-cover.png\" alt=\"\" class=\"wp-image-10000050695\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-cover.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-cover-1024x511.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-cover-1200x598.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-cover-768x383.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-cover-420x209.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-cover-600x299.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>\u00a1En este art\u00edculo, te&nbsp;contamos la&nbsp;historia detr\u00e1s de&nbsp;este proyecto tan poco com\u00fan!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Un&nbsp;Nuevo Desaf\u00edo<\/h2>\n\n\n\n<p>El&nbsp;proyecto recibi\u00f3 el&nbsp;nombre de&nbsp;SHIFTBRAIN Norms. Nuestra tarea fue desarrollar una fuente con un&nbsp;eje de&nbsp;ancho variable basada en&nbsp;TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro Regular, perfeccionar algunas formas de&nbsp;glifos y&nbsp;ajustar su&nbsp;tama\u00f1o para que coincidiera con la&nbsp;fuente japonesa A1&nbsp;Gothic Regular. Tambi\u00e9n deb\u00edamos integrar el&nbsp;logotipo de&nbsp;la&nbsp;empresa y&nbsp;30&nbsp;iconos retrato de&nbsp;empleados de&nbsp;SHIFTBRAIN, que ellos proporcionaron.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt-shiftbrain-blog-1.png\" alt=\"\" class=\"wp-image-10000050682\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-1.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-1-1024x633.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-1-1200x742.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-1-768x475.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-1-420x260.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-1-600x371.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Cuando el&nbsp;proyecto SHIFTBRAIN comenz\u00f3 en&nbsp;2022, nuestro departamento de&nbsp;ventas a\u00fan estaba definiendo sus flujos de&nbsp;trabajo de&nbsp;interacci\u00f3n con clientes. Fue uno de&nbsp;los primeros casos en&nbsp;los que una gestora llev\u00f3 todo el&nbsp;recorrido del cliente, desde la&nbsp;discusi\u00f3n del brief hasta la&nbsp;supervisi\u00f3n de&nbsp;la&nbsp;ejecuci\u00f3n en&nbsp;producci\u00f3n. Este formato nos permiti\u00f3 identificar cuellos de&nbsp;botella en&nbsp;la&nbsp;comunicaci\u00f3n, como retrasos en&nbsp;aprobaciones o&nbsp;inconsistencias en&nbsp;las especificaciones t\u00e9cnicas. Gracias a&nbsp;esta experiencia, optimizamos las operaciones del departamento implementando protocolos claros y&nbsp;reduciendo los plazos de&nbsp;los proyectos para nuestros clientes.<\/p>\n\n\n\n<p>El&nbsp;estudio SHIFTBRAIN no&nbsp;buscaba solo una fuente, sino una herramienta de&nbsp;identidad para su&nbsp;proyecto japon\u00e9s, y&nbsp;se&nbsp;encontr\u00f3 con un&nbsp;problema: necesitaban un&nbsp;h\u00edbrido de&nbsp;elementos est\u00e9ticos latinos y&nbsp;japoneses, pero no&nbsp;exist\u00edan soluciones listas para usar. Tuvimos que combinar fuentes latinas y&nbsp;CJK (CJK es&nbsp;la&nbsp;abreviatura de&nbsp;chino, japon\u00e9s y&nbsp;coreano) en&nbsp;un&nbsp;\u00fanico proyecto. Esto exig\u00eda encajar a&nbsp;la&nbsp;perfecci\u00f3n con el&nbsp;estilo de&nbsp;la&nbsp;marca, sin revisiones interminables y&nbsp;requer\u00eda una colaboraci\u00f3n remota fluida.<\/p>\n\n\n\n<p>Y, por supuesto, el&nbsp;ancho extremo de&nbsp;la&nbsp;fuente variable fue un&nbsp;nuevo desaf\u00edo para nosotros.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>\u00abFue especialmente interesante hacer algo extremo con TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro, ya&nbsp;que por s\u00ed&nbsp;misma es&nbsp;una fuente bastante neutral. Sin embargo, trabajar con caracteres tan anchos resulta inusual e&nbsp;inc\u00f3modo, pues en&nbsp;la&nbsp;pantalla caben solo unos pocos s\u00edmbolos a&nbsp;la&nbsp;vez en&nbsp;lugar de&nbsp;una l\u00ednea completa de&nbsp;texto. A&nbsp;pesar de&nbsp;ello, nos concentramos en&nbsp;conservar el&nbsp;car\u00e1cter de&nbsp;TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro incluso en&nbsp;su&nbsp;estilo superancho.\u00bb<\/em><\/p>\n\n\n\n<p><em>Marina Khodak, L\u00edder de&nbsp;Dise\u00f1o en&nbsp;TypeType<\/em><\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt-shiftbrain-blog-2.gif\" alt=\"\" class=\"wp-image-10000050683\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo Trabajaron los Equipos de&nbsp;Ventas y&nbsp;Gesti\u00f3n de&nbsp;Producci\u00f3n de&nbsp;TypeType<\/h2>\n\n\n\n<p>Transformamos una solicitud compleja en&nbsp;un&nbsp;proceso transparente con un&nbsp;resultado predecible.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Etapa&nbsp;1: An\u00e1lisis en&nbsp;Profundidad<\/h4>\n\n\n\n<p>Realizamos un&nbsp;workshop con el&nbsp;cliente para identificar los par\u00e1metros clave:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Una combinaci\u00f3n de&nbsp;la&nbsp;geometr\u00eda r\u00edgida del alfabeto latino con los trazos fluidos de&nbsp;los caracteres japoneses.<\/li>\n\n\n\n<li>Un&nbsp;ancho de&nbsp;caracteres restringido para aplicaciones de&nbsp;texto vertical.<\/li>\n<\/ul>\n\n\n\n<p>Despu\u00e9s seleccionamos tres posibles fuentes base de&nbsp;nuestra biblioteca para personalizarlas y&nbsp;agilizar el&nbsp;inicio del proyecto.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Etapa&nbsp;2: Brief Detallado y&nbsp;Planificaci\u00f3n<\/h4>\n\n\n\n<p>Creamos un&nbsp;mapa visual de&nbsp;correcciones con ejemplos, mostrando:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>C\u00f3mo transformar las serifas.<\/li>\n\n\n\n<li>D\u00f3nde a\u00f1adir un&nbsp;acento \u00abjapon\u00e9s\u00bb.<\/li>\n<\/ul>\n\n\n\n<p>Establecimos puntos de&nbsp;control claros, garantizando que el&nbsp;cliente recibiera bocetos cada cinco d\u00edas.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Etapa&nbsp;3: Control de&nbsp;Calidad<\/h4>\n\n\n\n<p>Nuestros gestores consolidaron la&nbsp;retroalimentaci\u00f3n de&nbsp;los dise\u00f1adores de&nbsp;SHIFTBRAIN y&nbsp;del equipo de&nbsp;producci\u00f3n de&nbsp;TypeType en&nbsp;un&nbsp;\u00fanico documento para evitar malentendidos. Probamos la&nbsp;fuente en&nbsp;casos de&nbsp;uso reales (logotipos, packaging) antes del renderizado final.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Etapa&nbsp;4: Resultado final + Soporte<\/h4>\n\n\n\n<p>Al&nbsp;final, entregamos al&nbsp;cliente un&nbsp;paquete completo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cuatro estilos de&nbsp;la&nbsp;fuente personalizada.<\/li>\n\n\n\n<li>Una gu\u00eda de&nbsp;uso (tama\u00f1os de&nbsp;punto, interlineado para medios japoneses).<\/li>\n\n\n\n<li>Iconos SVG dise\u00f1ados para armonizar con la&nbsp;tipograf\u00eda.<\/li>\n<\/ul>\n\n\n\n<p>Adem\u00e1s, ofrecimos revisiones gratuitas durante un&nbsp;mes tras la&nbsp;entrega del proyecto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt-shiftbrain-blog-3.gif\" alt=\"\" class=\"wp-image-10000050684\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">El&nbsp;Resultado para SHIFTBRAIN<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>30&nbsp;% de&nbsp;ahorro de&nbsp;tiempo, gracias a&nbsp;un&nbsp;brief claro y&nbsp;a&nbsp;la&nbsp;ausencia del efecto \u00abtel\u00e9fono roto\u00bb entre los equipos.<\/li>\n\n\n\n<li>La&nbsp;fuente se&nbsp;convirti\u00f3 en&nbsp;parte de&nbsp;la&nbsp;identidad de&nbsp;marca y&nbsp;ahora se&nbsp;utiliza en&nbsp;el&nbsp;merchandising y&nbsp;en&nbsp;productos digitales.<\/li>\n\n\n\n<li>Colaboraci\u00f3n continua para la&nbsp;localizaci\u00f3n de&nbsp;la&nbsp;fuente en&nbsp;nuevos mercados.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfPor qu\u00e9 los Clientes Eligen TypeType para Personalizaciones?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Flexibilidad: trabajamos con cualquier estilo, desde <a href=\"https:\/\/typetype.org\/es\/fonts\/sans-serif\/\" data-type=\"link\" data-id=\"https:\/\/typetype.org\/es\/fonts\/sans-serif\/\">sans serif<\/a> hasta fuentes <a href=\"https:\/\/typetype.org\/es\/fonts\/script\/\">script<\/a>.<\/li>\n\n\n\n<li>Experiencia: m\u00e1s de&nbsp;<a href=\"https:\/\/typetype.org\/es\/font-in-use\/\">proyectos personalizados<\/a> realizados. <\/li>\n\n\n\n<li>Tecnolog\u00eda<strong>:<\/strong> nuestro propio FontEditor y&nbsp;herramientas internas para la&nbsp;verificaci\u00f3n del kerning.<\/li>\n<\/ul>\n\n\n\n<p>\u00abTypeType no&nbsp;solo dibuja letras, dise\u00f1a comunicaci\u00f3n.\u00bb<\/p>\n\n\n\n<p>\u2014&nbsp;Opini\u00f3n del equipo de&nbsp;SHIFTBRAIN<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ejecuci\u00f3n: el&nbsp;Trabajo del Departamento de&nbsp;Producci\u00f3n<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">La&nbsp;Fuente Variable<\/h3>\n\n\n\n<p>La&nbsp;tarea principal fue hacer que TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro variara horizontalmente, desde un&nbsp;estilo Condensed hasta uno superancho, pasando de&nbsp;460&nbsp;pt a&nbsp;3480&nbsp;pt. \u00a1Eso supone un&nbsp;incremento de&nbsp;7,6 veces en&nbsp;el&nbsp;ancho! Para comparar, una expansi\u00f3n t\u00edpica de&nbsp;Condensed a&nbsp;Expanded es&nbsp;de&nbsp;aproximadamente 1,5&nbsp;veces. Nunca antes hab\u00edamos creado una fuente tan ancha.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt-shiftbrain-blog-4.gif\" alt=\"\" class=\"wp-image-10000050685\"\/><\/figure>\n\n\n\n<p>El&nbsp;estilo estrecho conservaba el&nbsp;mismo ancho que el&nbsp;Condensed original, y&nbsp;a\u00f1adimos un&nbsp;estilo ultraancho en&nbsp;el&nbsp;extremo derecho del eje de&nbsp;variabilidad Width. La&nbsp;fuente inclu\u00eda \u00fanicamente el&nbsp;alfabeto latino, n\u00fameros y&nbsp;signos de&nbsp;puntuaci\u00f3n est\u00e1ndar. Para el&nbsp;eje Width, inicialmente utilizamos valores est\u00e1ndar: <nobr class=\"phone\">75-100-125-150.<\/nobr> Sin embargo, el&nbsp;salto brusco de&nbsp;125&nbsp;a 150&nbsp;se ve\u00eda mal. Al&nbsp;final, elegimos un&nbsp;valor de&nbsp;200 para el&nbsp;estilo Extended.<\/p>\n\n\n\n<p>Dise\u00f1ar los gr\u00e1ficos para el&nbsp;estilo ancho fue un&nbsp;reto: las letras estaban tan estiradas que resultaba imposible evaluar su&nbsp;aspecto en&nbsp;un&nbsp;bloque de&nbsp;texto dentro de&nbsp;la&nbsp;ventana de&nbsp;la&nbsp;aplicaci\u00f3n Glyphs. Esto nos obligaba a&nbsp;exportar el&nbsp;archivo despu\u00e9s de&nbsp;cada cambio y&nbsp;analizar el&nbsp;bloque de&nbsp;texto en&nbsp;un&nbsp;programa de&nbsp;maquetaci\u00f3n. A&nbsp;pesar de&nbsp;las dificultades, resolvimos la&nbsp;tarea a&nbsp;la&nbsp;perfecci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt-shiftbrain-blog-5.png\" alt=\"\" class=\"wp-image-10000050686\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-5.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-5-1024x573.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-5-1200x672.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-5-768x430.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-5-420x235.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-5-600x336.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Trabajo T\u00e9cnico<\/h3>\n\n\n\n<p>En&nbsp;paralelo al&nbsp;trabajo de&nbsp;dise\u00f1o, realizamos el&nbsp;hinting de&nbsp;la&nbsp;fuente y&nbsp;otros ajustes t\u00e9cnicos. El&nbsp;30&nbsp;de noviembre, SHIFTBRAIN nos envi\u00f3 la&nbsp;fuente japonesa A1&nbsp;Gothic StdN Regular, con la&nbsp;cual deb\u00edamos igualar las m\u00e9tricas de&nbsp;nuestra fuente. Tuvimos que ajustar el&nbsp;interlineado y&nbsp;la&nbsp;l\u00ednea base.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>\u00abEl&nbsp;caso es&nbsp;que las fuentes CJK tienen m\u00e9tricas diferentes a&nbsp;las fuentes latinas y&nbsp;cir\u00edlicas. Cuando las usas juntas, obtienes una composici\u00f3n tipogr\u00e1fica muy suelta, con huecos. Imagina cualquier envase de&nbsp;un&nbsp;producto chino: ver\u00e1s unos bellos caracteres, pero el&nbsp;texto en&nbsp;cir\u00edlico o&nbsp;en&nbsp;lat\u00edn tendr\u00e1 un&nbsp;espaciado enorme y&nbsp;otros problemas. Para que todo luzca armonioso, hay que ajustar una fuente para que coincida con la&nbsp;otra.\u00bb<\/em><\/p>\n\n\n\n<p><em>Marina Khodak, L\u00edder de&nbsp;Dise\u00f1o en&nbsp;TypeType<\/em><\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt-shiftbrain-blog-6.gif\" alt=\"\" class=\"wp-image-10000050687\"\/><\/figure>\n\n\n\n<p>En&nbsp;ese momento, esta fue una soluci\u00f3n muy interesante y&nbsp;prometedora para nosotros. Por un&nbsp;lado, era una personalizaci\u00f3n relativamente simple; por otro, resolv\u00eda retos de&nbsp;dise\u00f1o muy importantes.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>\u00abEscal\u00e9 la&nbsp;fuente, aument\u00e1ndola al&nbsp;107&nbsp;% del tama\u00f1o original. El&nbsp;tama\u00f1o&nbsp;Em se&nbsp;mantuvo en&nbsp;1000&nbsp;unidades, al&nbsp;igual que en&nbsp;la&nbsp;referencia A1&nbsp;Gothic. Tomamos los ajustes de&nbsp;interlineado de&nbsp;la&nbsp;fuente de&nbsp;referencia y&nbsp;transferimos los par\u00e1metros pertinentes a&nbsp;nuestra fuente. Tambi\u00e9n desplazamos ligeramente la&nbsp;l\u00ednea base a&nbsp;petici\u00f3n del cliente. Verificamos la&nbsp;coincidencia en&nbsp;Adobe Illustrator utilizando Composite Fonts. Al&nbsp;principio, el&nbsp;cliente nos proporcion\u00f3 los ajustes que usaban con el&nbsp;par de&nbsp;fuentes original. Nuestra tarea era asegurar que el&nbsp;resultado visual fuese id\u00e9ntico al&nbsp;usar nuestra fuente personalizada junto con A1&nbsp;Gothic en&nbsp;los ajustes predeterminados de&nbsp;Size y&nbsp;Baseline. Esto permite que el&nbsp;par de&nbsp;fuentes pueda emplearse en&nbsp;aplicaciones m\u00e1s all\u00e1 de&nbsp;Adobe Illustrator.\u00bb<\/em><\/p>\n\n\n\n<p><em>Yuri Nakonechny, Jefe del Departamento T\u00e9cnico en&nbsp;TypeType<\/em><\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt-shiftbrain-blog-7.png\" alt=\"\" class=\"wp-image-10000050688\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-7.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-7-1024x683.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-7-1200x800.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-7-768x512.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-7-420x280.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-7-600x400.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Iconos Retrato y&nbsp;Logotipo<\/h3>\n\n\n\n<p>SHIFTBRAIN nos envi\u00f3 30&nbsp;magn\u00edficos iconos con las im\u00e1genes de&nbsp;todos los empleados de&nbsp;la&nbsp;empresa. El&nbsp;reto era que el&nbsp;contorno de&nbsp;una ilustraci\u00f3n es&nbsp;mucho m\u00e1s complejo y&nbsp;detallado que el&nbsp;de&nbsp;una letra: tiene m\u00e1s nodos que no&nbsp;cumplen los requisitos de&nbsp;las fuentes. Al&nbsp;exportar de .svg a .glyphs, algunos detalles pueden romperse. Por eso no&nbsp;se&nbsp;puede simplemente arrastrar y&nbsp;soltar una imagen vectorial en&nbsp;Glyphs. Una vez que un&nbsp;icono se&nbsp;importa en&nbsp;la&nbsp;fuente, hay que limpiarlo y&nbsp;corregirlo minuciosamente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt-shiftbrain-blog-8.gif\" alt=\"\" class=\"wp-image-10000050689\"\/><\/figure>\n\n\n\n<p>Integramos los 30&nbsp;iconos en&nbsp;la&nbsp;fuente tras un&nbsp;procesamiento cuidadoso. Sin embargo, una vez hecho esto, SHIFTBRAIN decidi\u00f3 redise\u00f1ar 15&nbsp;de ellos para modificar sus proporciones y&nbsp;lograr un&nbsp;aspecto m\u00e1s generalizado. Esto signific\u00f3 que tuvimos que repetir todo el&nbsp;proceso para la&nbsp;mitad de&nbsp;los iconos. Pero al&nbsp;final, todo encaj\u00f3 a&nbsp;la&nbsp;perfecci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt-shiftbrain-blog-9.gif\" alt=\"\" class=\"wp-image-10000050690\"\/><\/figure>\n\n\n\n<p>Tambi\u00e9n integramos el&nbsp;logotipo de&nbsp;la&nbsp;empresa en&nbsp;la&nbsp;fuente y&nbsp;creamos una funci\u00f3n OpenType para&nbsp;\u00e9l: al&nbsp;activarla, la&nbsp;letra \u00abS\u00bb se&nbsp;reemplaza por el&nbsp;logotipo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt-shiftbrain-blog-10.gif\" alt=\"\" class=\"wp-image-10000050691\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Ajustes Gr\u00e1ficos<\/h3>\n\n\n\n<p>Tambi\u00e9n realizamos peque\u00f1os cambios en&nbsp;las formas de&nbsp;algunos caracteres. En&nbsp;concreto, modificamos la&nbsp;\u00abQ\u00bb y&nbsp;a\u00f1adimos una \u00abS\u00bb alternativa con cortes terminales horizontales. SHIFTBRAIN solicit\u00f3 esta forma por su&nbsp;similitud con su&nbsp;logotipo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt-shiftbrain-blog-11.png\" alt=\"\" class=\"wp-image-10000050692\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-11.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-11-1024x562.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-11-1200x658.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-11-768x421.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-11-420x230.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/tt-shiftbrain-blog-11-600x329.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">El&nbsp;Resultado Final<\/h2>\n\n\n\n<p>El&nbsp;resultado fue una fuente variable extremadamente ancha con un&nbsp;conjunto de&nbsp;iconos integrados. \u00a1Mira lo&nbsp;original y&nbsp;llamativa que luce en&nbsp;<a href=\"https:\/\/shiftbrain.com\/work\/shiftbrain20th\/\" target=\"_blank\" rel=\"noreferrer noopener\">el&nbsp;sitio web del aniversario de&nbsp;SHIFTBRAIN<\/a>!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt-shiftbrain-blog-12.gif\" alt=\"\" class=\"wp-image-10000050693\"\/><\/figure>\n\n\n\n<p>Gracias al&nbsp;trabajo claro y&nbsp;coordinado del equipo de&nbsp;TypeType, los clientes reciben:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Una fuente \u00fanica, lista para usar, sin pagar de&nbsp;m\u00e1s por iteraciones innecesarias.<\/li>\n\n\n\n<li>Transparencia: los plazos y&nbsp;el&nbsp;presupuesto est\u00e1n claros desde el&nbsp;principio.<\/li>\n\n\n\n<li>Soporte: un&nbsp;gestor dedicado resuelve los problemas antes de&nbsp;que se&nbsp;conviertan en&nbsp;una preocupaci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<p>\u00bfPor qu\u00e9 funciona? No&nbsp;solo vendemos fuentes, dise\u00f1amos una herramienta de&nbsp;marca. Despu\u00e9s de&nbsp;completar un&nbsp;proyecto, el&nbsp;80&nbsp;% de&nbsp;nuestros clientes regresa por servicios adicionales (como iconos o&nbsp;localizaci\u00f3n).<\/p>\n\n\n\n<p>\u00bfQuieres el&nbsp;mismo proceso predecible para tu&nbsp;fuente personalizada? \u00a1Hablemos de&nbsp;tu&nbsp;proyecto! <a href=\"https:\/\/typetype.org\/es\/contact\/\">Env\u00edanos un&nbsp;mensaje<\/a> describiendo tu&nbsp;tarea y&nbsp;te&nbsp;propondremos una soluci\u00f3n en&nbsp;un&nbsp;plazo de&nbsp;24&nbsp;horas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt-shiftbrain-blog-13.gif\" alt=\"\" class=\"wp-image-10000050694\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>En 2023, la agencia de marketing japonesa SHIFTBRAIN lanz\u00f3 un sitio web interactivo dedicado al 20.\u00ba aniversario de la compa\u00f1\u00eda. Para este proyecto, el equipo de TypeType desarroll\u00f3 una fuente variable \u00fanica, capaz de expandirse hasta anchos horizontales extremos. Como base, utilizamos el superventa TT Norms\u00ae Pro, que ya era la fuente corporativa de la empresa; puedes verla en el  sitio web principal de SHIFTBRAIN. <\/p>\n","protected":false},"author":4485,"featured_media":10000050695,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[185,187],"class_list":["post-43609","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-corporate-fonts","tag-font-custom"],"acf":{"show_sidebar":true},"_links":{"self":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/43609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/users\/4485"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/comments?post=43609"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/43609\/revisions"}],"predecessor-version":[{"id":47717,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/43609\/revisions\/47717"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/media\/10000050695"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/media?parent=43609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/categories?post=43609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/tags?post=43609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}