En 2023, la agencia de marketing japonesa SHIFTBRAIN lanzó un sitio web interactivo dedicado al 20.º aniversario de la compañía. Para este proyecto, el equipo de TypeType desarrolló una fuente variable única, capaz de expandirse hasta anchos horizontales extremos. Como base, utilizamos el superventa TT Norms® Pro, que ya era la fuente corporativa de la empresa; puedes verla en el sitio web principal de SHIFTBRAIN.
¡En este artículo, te contamos la historia detrás de este proyecto tan poco común!
Un Nuevo Desafío
El proyecto recibió el nombre de SHIFTBRAIN Norms. Nuestra tarea fue desarrollar una fuente con un eje de ancho variable basada en TT Norms® Pro Regular, perfeccionar algunas formas de glifos y ajustar su tamaño para que coincidiera con la fuente japonesa A1 Gothic Regular. También debíamos integrar el logotipo de la empresa y 30 iconos retrato de empleados de SHIFTBRAIN, que ellos proporcionaron.
Cuando el proyecto SHIFTBRAIN comenzó en 2022, nuestro departamento de ventas aún estaba definiendo sus flujos de trabajo de interacción con clientes. Fue uno de los primeros casos en los que una gestora llevó todo el recorrido del cliente, desde la discusión del brief hasta la supervisión de la ejecución en producción. Este formato nos permitió identificar cuellos de botella en la comunicación, como retrasos en aprobaciones o inconsistencias en las especificaciones técnicas. Gracias a esta experiencia, optimizamos las operaciones del departamento implementando protocolos claros y reduciendo los plazos de los proyectos para nuestros clientes.
El estudio SHIFTBRAIN no buscaba solo una fuente, sino una herramienta de identidad para su proyecto japonés, y se encontró con un problema: necesitaban un híbrido de elementos estéticos latinos y japoneses, pero no existían soluciones listas para usar. Tuvimos que combinar fuentes latinas y CJK (CJK es la abreviatura de chino, japonés y coreano) en un único proyecto. Esto exigía encajar a la perfección con el estilo de la marca, sin revisiones interminables y requería una colaboración remota fluida.
Y, por supuesto, el ancho extremo de la fuente variable fue un nuevo desafío para nosotros.
«Fue especialmente interesante hacer algo extremo con TT Norms® Pro, ya que por sí misma es una fuente bastante neutral. Sin embargo, trabajar con caracteres tan anchos resulta inusual e incómodo, pues en la pantalla caben solo unos pocos símbolos a la vez en lugar de una línea completa de texto. A pesar de ello, nos concentramos en conservar el carácter de TT Norms® Pro incluso en su estilo superancho.»
Marina Khodak, Líder de Diseño en TypeType
Cómo Trabajaron los Equipos de Ventas y Gestión de Producción de TypeType
Transformamos una solicitud compleja en un proceso transparente con un resultado predecible.
Etapa 1: Análisis en Profundidad
Realizamos un workshop con el cliente para identificar los parámetros clave:
- Una combinación de la geometría rígida del alfabeto latino con los trazos fluidos de los caracteres japoneses.
- Un ancho de caracteres restringido para aplicaciones de texto vertical.
Después seleccionamos tres posibles fuentes base de nuestra biblioteca para personalizarlas y agilizar el inicio del proyecto.
Etapa 2: Brief Detallado y Planificación
Creamos un mapa visual de correcciones con ejemplos, mostrando:
- Cómo transformar las serifas.
- Dónde añadir un acento «japonés».
Establecimos puntos de control claros, garantizando que el cliente recibiera bocetos cada cinco días.
Etapa 3: Control de Calidad
Nuestros gestores consolidaron la retroalimentación de los diseñadores de SHIFTBRAIN y del equipo de producción de TypeType en un único documento para evitar malentendidos. Probamos la fuente en casos de uso reales (logotipos, packaging) antes del renderizado final.
Etapa 4: Resultado final + Soporte
Al final, entregamos al cliente un paquete completo:
- Cuatro estilos de la fuente personalizada.
- Una guía de uso (tamaños de punto, interlineado para medios japoneses).
- Iconos SVG diseñados para armonizar con la tipografía.
Además, ofrecimos revisiones gratuitas durante un mes tras la entrega del proyecto.
El Resultado para SHIFTBRAIN
- 30 % de ahorro de tiempo, gracias a un brief claro y a la ausencia del efecto «teléfono roto» entre los equipos.
- La fuente se convirtió en parte de la identidad de marca y ahora se utiliza en el merchandising y en productos digitales.
- Colaboración continua para la localización de la fuente en nuevos mercados.
¿Por qué los Clientes Eligen TypeType para Personalizaciones?
- Flexibilidad: trabajamos con cualquier estilo, desde sans serif hasta fuentes script.
- Experiencia: más de proyectos personalizados realizados.
- Tecnología: nuestro propio FontEditor y herramientas internas para la verificación del kerning.
«TypeType no solo dibuja letras, diseña comunicación.»
— Opinión del equipo de SHIFTBRAIN
Ejecución: el Trabajo del Departamento de Producción
La Fuente Variable
La tarea principal fue hacer que TT Norms® Pro variara horizontalmente, desde un estilo Condensed hasta uno superancho, pasando de 460 pt a 3480 pt. ¡Eso supone un incremento de 7,6 veces en el ancho! Para comparar, una expansión típica de Condensed a Expanded es de aproximadamente 1,5 veces. Nunca antes habíamos creado una fuente tan ancha.
El estilo estrecho conservaba el mismo ancho que el Condensed original, y añadimos un estilo ultraancho en el extremo derecho del eje de variabilidad Width. La fuente incluía únicamente el alfabeto latino, números y signos de puntuación estándar. Para el eje Width, inicialmente utilizamos valores estándar:
Diseñar los gráficos para el estilo ancho fue un reto: las letras estaban tan estiradas que resultaba imposible evaluar su aspecto en un bloque de texto dentro de la ventana de la aplicación Glyphs. Esto nos obligaba a exportar el archivo después de cada cambio y analizar el bloque de texto en un programa de maquetación. A pesar de las dificultades, resolvimos la tarea a la perfección.
Trabajo Técnico
En paralelo al trabajo de diseño, realizamos el hinting de la fuente y otros ajustes técnicos. El 30 de noviembre, SHIFTBRAIN nos envió la fuente japonesa A1 Gothic StdN Regular, con la cual debíamos igualar las métricas de nuestra fuente. Tuvimos que ajustar el interlineado y la línea base.
«El caso es que las fuentes CJK tienen métricas diferentes a las fuentes latinas y cirílicas. Cuando las usas juntas, obtienes una composición tipográfica muy suelta, con huecos. Imagina cualquier envase de un producto chino: verás unos bellos caracteres, pero el texto en cirílico o en latín tendrá un espaciado enorme y otros problemas. Para que todo luzca armonioso, hay que ajustar una fuente para que coincida con la otra.»
Marina Khodak, Líder de Diseño en TypeType
En ese momento, esta fue una solución muy interesante y prometedora para nosotros. Por un lado, era una personalización relativamente simple; por otro, resolvía retos de diseño muy importantes.
«Escalé la fuente, aumentándola al 107 % del tamaño original. El tamaño Em se mantuvo en 1000 unidades, al igual que en la referencia A1 Gothic. Tomamos los ajustes de interlineado de la fuente de referencia y transferimos los parámetros pertinentes a nuestra fuente. También desplazamos ligeramente la línea base a petición del cliente. Verificamos la coincidencia en Adobe Illustrator utilizando Composite Fonts. Al principio, el cliente nos proporcionó los ajustes que usaban con el par de fuentes original. Nuestra tarea era asegurar que el resultado visual fuese idéntico al usar nuestra fuente personalizada junto con A1 Gothic en los ajustes predeterminados de Size y Baseline. Esto permite que el par de fuentes pueda emplearse en aplicaciones más allá de Adobe Illustrator.»
Yuri Nakonechny, Jefe del Departamento Técnico en TypeType
Iconos Retrato y Logotipo
SHIFTBRAIN nos envió 30 magníficos iconos con las imágenes de todos los empleados de la empresa. El reto era que el contorno de una ilustración es mucho más complejo y detallado que el de una letra: tiene más nodos que no cumplen los requisitos de las fuentes. Al exportar de .svg a .glyphs, algunos detalles pueden romperse. Por eso no se puede simplemente arrastrar y soltar una imagen vectorial en Glyphs. Una vez que un icono se importa en la fuente, hay que limpiarlo y corregirlo minuciosamente.
Integramos los 30 iconos en la fuente tras un procesamiento cuidadoso. Sin embargo, una vez hecho esto, SHIFTBRAIN decidió rediseñar 15 de ellos para modificar sus proporciones y lograr un aspecto más generalizado. Esto significó que tuvimos que repetir todo el proceso para la mitad de los iconos. Pero al final, todo encajó a la perfección.
También integramos el logotipo de la empresa en la fuente y creamos una función OpenType para él: al activarla, la letra «S» se reemplaza por el logotipo.
Ajustes Gráficos
También realizamos pequeños cambios en las formas de algunos caracteres. En concreto, modificamos la «Q» y añadimos una «S» alternativa con cortes terminales horizontales. SHIFTBRAIN solicitó esta forma por su similitud con su logotipo.
El Resultado Final
El resultado fue una fuente variable extremadamente ancha con un conjunto de iconos integrados. ¡Mira lo original y llamativa que luce en el sitio web del aniversario de SHIFTBRAIN!
Gracias al trabajo claro y coordinado del equipo de TypeType, los clientes reciben:
- Una fuente única, lista para usar, sin pagar de más por iteraciones innecesarias.
- Transparencia: los plazos y el presupuesto están claros desde el principio.
- Soporte: un gestor dedicado resuelve los problemas antes de que se conviertan en una preocupación.
¿Por qué funciona? No solo vendemos fuentes, diseñamos una herramienta de marca. Después de completar un proyecto, el 80 % de nuestros clientes regresa por servicios adicionales (como iconos o localización).
¿Quieres el mismo proceso predecible para tu fuente personalizada? ¡Hablemos de tu proyecto! Envíanos un mensaje describiendo tu tarea y te propondremos una solución en un plazo de 24 horas.
