{"id":13060,"date":"2022-12-21T18:13:05","date_gmt":"2022-12-21T15:13:05","guid":{"rendered":"https:\/\/typetype.org\/es\/?p=13060"},"modified":"2026-02-03T08:57:43","modified_gmt":"2026-02-03T05:57:43","slug":"corporate-font-for-ostin-the-full-story","status":"publish","type":"post","link":"https:\/\/typetype.org\/es\/blog\/corporate-font-for-ostin-the-full-story\/","title":{"rendered":"Fuente corporativa para O\u2019STIN: la historia completa"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_01.gif\" alt=\"\" class=\"wp-image-10000013061\"\/><\/figure>\n\n\n\n<p>La tipograf\u00eda forma parte de la marca, ya que transmite el contexto emocional de la informaci\u00f3n que comunica. \u00bfEs posible enriquecer estas asociaciones y ampliar la audiencia cambiando la <a href=\"https:\/\/typetype.org\/es\/fonts\/corporate\/\">fuente corporativa<\/a>?<\/p>\n\n\n\n<p>Con esta solicitud acudi\u00f3 a nosotros la marca O\u2019STIN. La familia tipogr\u00e1fica que TypeType deb\u00eda desarrollar formaba parte del proceso de rebranding. La empresa hab\u00eda planificado no solo la renovaci\u00f3n de su identidad visual, sino tambi\u00e9n la expansi\u00f3n de su p\u00fablico objetivo.<\/p>\n\n\n\n<p>O\u2019STIN es una popular marca rusa de ropa y accesorios de estilo casual. Los clientes aprecian O\u2019STIN por su variado cat\u00e1logo y su pol\u00edtica de precios accesibles.<\/p>\n\n\n\n<p>Cuando el equipo de O\u2019STIN se dirigi\u00f3 a nosotros en busca de una tipograf\u00eda corporativa, la parte conceptual del rebranding ya estaba definida. El objetivo de todos los cambios era atraer a un nuevo p\u00fablico sin perder al actual.<\/p>\n\n\n\n<p>Muchos conocen O\u2019STIN por sus prendas c\u00f3modas y funcionales, centr\u00e1ndose en factores racionales. La marca quer\u00eda resultar tambi\u00e9n atractiva para quienes, al elegir ropa, se gu\u00edan por las caracter\u00edsticas emocionales del universo de la marca. Las prendas pr\u00e1cticas y cotidianas est\u00e1n muy bien, pero tambi\u00e9n permiten crear looks \u00fanicos para distintas situaciones.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_03.jpg\" alt=\"\" class=\"wp-image-10000013063\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_03.jpg 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_03-420x143.jpg 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_03-1024x348.jpg 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_03-768x261.jpg 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_03-1200x408.jpg 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_03-600x204.jpg 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_03-80x27.jpg 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Discusi\u00f3n del concepto<\/h2>\n\n\n\n<p>A la tipograf\u00eda se le asign\u00f3 un papel central en la renovaci\u00f3n de la identidad visual. Ya en las etapas preliminares qued\u00f3 claro que la familia deb\u00eda incluir tanto estilos rectos como it\u00e1licas. Este enfoque respond\u00eda a los objetivos del rebranding: un grotesco recto y sobrio resulta c\u00f3modo para el p\u00fablico racional, mientras que las it\u00e1licas din\u00e1micas y expresivas pod\u00edan captar la atenci\u00f3n de una audiencia m\u00e1s emocional.<\/p>\n\n\n\n<p>Conviene aclarar que hablamos de verdaderas it\u00e1licas, es decir, cursivas dise\u00f1adas espec\u00edficamente, y no simplemente de fuentes inclinadas. La diferencia radica en que en los estilos inclinados no cambian las estructuras de las letras, mientras que las it\u00e1licas aut\u00e9nticas son fuentes independientes, con formas redibujadas desde cero. Ejemplos de verdaderas it\u00e1licas pueden encontrarse en fuentes de TypeType como <a href=\"https:\/\/typetype.org\/es\/fonts\/tt-livret\/\">TT Livret<\/a> o <a href=\"https:\/\/typetype.org\/es\/fonts\/tt-rationalist\/\">TT Rationalist.<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_02.gif\" alt=\"\" class=\"wp-image-10000013065\"\/><\/figure>\n\n\n\n<p>Ten\u00edamos que comprender c\u00f3mo pod\u00eda funcionar el concepto de dos estilos tipogr\u00e1ficos dentro de la identidad visual de la marca, hasta qu\u00e9 punto este enfoque respond\u00eda a los objetivos planteados y qu\u00e9 pod\u00edamos ofrecer desde el estudio.<\/p>\n\n\n\n<p>En primer lugar, nuestro equipo propuso a O\u2019STIN dos estrategias de trabajo, cada una con sus propias ventajas.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>En la primera opci\u00f3n, pod\u00edamos desarrollar una fuente completamente nueva desde cero. Es un proceso laborioso que requiere m\u00e1s tiempo, pero cuyo resultado es una familia tipogr\u00e1fica \u00fanica.&nbsp;<\/li>\n\n\n\n<li>En la segunda opci\u00f3n, propusimos elegir una <a href=\"https:\/\/typetype.org\/es\/fonts\/sans-serif\/\">grotesca<\/a> de la colecci\u00f3n TypeType que se ajustara a los requisitos clave y <a href=\"https:\/\/typetype.org\/es\/custom-fonts\/\">personalizarla<\/a>. En este caso, tambi\u00e9n ser\u00eda necesario dibujar it\u00e1licas, ya que en todos los grotescos del estudio se utilizan estilos inclinados sin modificaci\u00f3n en la estructura de los caracteres, no cursivas reales. Esta opci\u00f3n requiere menos recursos, lo que acelera el proceso, aunque el resultado final se basa en una fuente ya existente y comercializada.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_04.png\" alt=\"\" class=\"wp-image-10000013067\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_04.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_04-420x150.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_04-1024x366.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_04-768x275.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_04-1200x429.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_04-600x215.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_04-80x29.png 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Despu\u00e9s de largas discusiones, se opt\u00f3 por la segunda opci\u00f3n. A partir de ese momento comenz\u00f3 el trabajo en la fuente corporativa de O\u2019STIN.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fase de investigaci\u00f3n<\/h2>\n\n\n\n<p>Todo proyecto tipogr\u00e1fico en TypeType comienza con una fase de investigaci\u00f3n. En esta etapa reunimos toda la informaci\u00f3n sobre la futura familia tipogr\u00e1fica, analizamos a los competidores y definimos la composici\u00f3n final de la fuente.<\/p>\n\n\n\n<p>Durante la fase de investigaci\u00f3n para la fuente de O\u2019STIN, deb\u00edamos determinar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Si el uso de estilos rectos de una grotesca combinados con verdaderas it\u00e1licas, realmente ayudar\u00eda a alcanzar el objetivo planteado: atraer a una nueva audiencia sin perder la actual.<\/li>\n\n\n\n<li>Qu\u00e9 categor\u00eda de grotesca era la m\u00e1s adecuada.<\/li>\n\n\n\n<li>Qu\u00e9 fuente de la colecci\u00f3n TypeType ser\u00eda la mejor base para desarrollar la fuente corporativa de O\u2019STIN.<\/li>\n<\/ul>\n\n\n\n<p>El equipo de O\u2019STIN nos proporcion\u00f3 un an\u00e1lisis detallado del mercado. Las marcas competidoras incluidas en el estudio pod\u00edan dividirse en dos grupos: las que atra\u00edan a un p\u00fablico racional y las que generaban afinidad emocional. Esta informaci\u00f3n fue la base para nuestra propia investigaci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_05.jpg\" alt=\"\" class=\"wp-image-10000013069\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_05.jpg 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_05-420x210.jpg 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_05-1024x512.jpg 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_05-768x384.jpg 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_05-1200x600.jpg 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_05-600x300.jpg 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_05-80x40.jpg 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Tras analizar la identidad visual de diversas empresas, centr\u00e1ndonos especialmente en la tipograf\u00eda, detectamos ciertos patrones.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Las fuentes utilizadas por las marcas del segmento racional del mercado eran exclusivamente funcionales. Es una decisi\u00f3n l\u00f3gica, ya que en este caso la tipograf\u00eda debe, ante todo, transmitir informaci\u00f3n sobre la empresa y sus productos. En este enfoque, la fuente no necesariamente forma parte de la identidad de marca ni se asocia directamente con ella. Es m\u00e1s, muchas marcas de este segmento suelen utilizar diferentes familias tipogr\u00e1ficas en sus comunicaciones, eligiendo la m\u00e1s adecuada seg\u00fan el objetivo: anunciar descuentos, informar sobre una nueva colecci\u00f3n o compartir noticias corporativas. Como fuente principal, predominan las neogrotescas, aunque no siempre es posible identificar una tipograf\u00eda principal clara.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_06.png\" alt=\"\" class=\"wp-image-10000013071\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_06.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_06-420x190.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_06-1024x462.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_06-768x347.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_06-1200x542.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_06-600x271.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_06-80x36.png 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>El segmento emocional del mercado, en cambio, tiene una relaci\u00f3n distinta con la tipograf\u00eda. Las fuentes de estas marcas se encargan de generar asociaciones con el universo de la marca y de reflejar sus valores y filosof\u00eda. La fuente corporativa puede tener un car\u00e1cter relativamente neutral, con un matiz distintivo, sin necesidad de ser llamativa o provocadora. Esto se debe a que, aunque sigue transmitiendo informaci\u00f3n, no debe interferir en su percepci\u00f3n, sino m\u00e1s bien generar asociaciones emocionales de forma inconsciente. Una fuente as\u00ed act\u00faa como nexo entre todas las comunicaciones de la marca. El simple hecho de contar con una tipograf\u00eda corporativa que refleje su car\u00e1cter ya sit\u00faa a la marca en el terreno de la audiencia emocional. Es interesante notar que, dentro de este segmento, las grotescas geom\u00e9tricas gozan de gran popularidad.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_07.jpg\" alt=\"\" class=\"wp-image-10000013073\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_07.jpg 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_07-420x210.jpg 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_07-1024x512.jpg 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_07-768x384.jpg 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_07-1200x600.jpg 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_07-600x300.jpg 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_07-80x40.jpg 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Estas conclusiones nos ayudaron a comprender que el simple hecho de contar con una familia tipogr\u00e1fica corporativa trasladar\u00eda a la marca O\u2019STIN hacia una categor\u00eda m\u00e1s emocional. A\u00fan m\u00e1s si se trataba de una grotesca geom\u00e9trica. El uso de verdaderas it\u00e1licas permitir\u00eda dar a las comunicaciones un matiz de car\u00e1cter m\u00e1s marcado.<\/p>\n\n\n\n<p>Era necesario elegir una fuente de la colecci\u00f3n de TypeType como base para crear la familia tipogr\u00e1fica corporativa. Hab\u00eda dos principales candidatas: <a href=\"https:\/\/typetype.org\/es\/fonts\/tt-fors\/\">TT Fors<\/a> y <a href=\"https:\/\/typetype.org\/es\/fonts\/tt-chocolates\/\">TT Chocolates<\/a>. Las opiniones sobre estas opciones estaban divididas, por lo que se realiz\u00f3 una encuesta interna entre dise\u00f1adores y personas ajenas al mundo tipogr\u00e1fico. A cada participante se le pidi\u00f3 que describiera la fuente propuesta con tres ep\u00edtetos.<\/p>\n\n\n\n<p>Los ep\u00edtetos se agruparon en varias categor\u00edas, incluidas las m\u00e1s relevantes: emocionalidad y racionalidad. Tras recopilar los resultados, contabilizamos cu\u00e1ntos ep\u00edtetos de cada categor\u00eda hab\u00eda recibido cada una de las fuentes que nos interesaban.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/d70c2d7b-e6cd-4312-9f13-9057e8c2b63f.png\" alt=\"\" class=\"wp-image-10000035919\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/d70c2d7b-e6cd-4312-9f13-9057e8c2b63f.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/d70c2d7b-e6cd-4312-9f13-9057e8c2b63f-1024x711.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/d70c2d7b-e6cd-4312-9f13-9057e8c2b63f-768x533.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/d70c2d7b-e6cd-4312-9f13-9057e8c2b63f-1200x833.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/d70c2d7b-e6cd-4312-9f13-9057e8c2b63f-420x292.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/d70c2d7b-e6cd-4312-9f13-9057e8c2b63f-600x417.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/d70c2d7b-e6cd-4312-9f13-9057e8c2b63f-80x56.png 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Como resultado, TT Fors fue descrita con mayor frecuencia como una fuente racional, mientras que TT Chocolates recibi\u00f3 una cantidad equilibrada de descripciones racionales y emocionales. A partir de esto, el equipo eligi\u00f3 TT Fors como la familia tipogr\u00e1fica m\u00e1s adecuada para desempe\u00f1ar el papel de fuente corporativa de O\u2019STIN.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Personalizaci\u00f3n de los estilos rectos de TT Fors<\/h2>\n\n\n\n<p>Una vez finalizada la parte principal de la investigaci\u00f3n, pasamos a definir las caracter\u00edsticas de la fuente. En primer lugar, era necesario determinar la cantidad adecuada de estilos tipogr\u00e1ficos.<\/p>\n\n\n\n<p>Anteriormente, O\u2019STIN utilizaba una fuente que funcionaba como la principal. Esa tipograf\u00eda gustaba al equipo y era familiar para los dise\u00f1adores, por lo que tuvimos en cuenta sus caracter\u00edsticas al crear la familia tipogr\u00e1fica corporativa.<\/p>\n\n\n\n<p>Esto incluy\u00f3 la definici\u00f3n del n\u00famero de estilos. Nos decidimos por 4 estilos rectos y 4 cursivas, tomando en cuenta los planes del equipo de O\u2019STIN respecto al uso del tipo de letra y sus posibles necesidades. Otro argumento fue la fuente que se usaba en el sitio web de la empresa. La compa\u00f1\u00eda no planeaba redise\u00f1ar el sitio, incluida su maquetaci\u00f3n, por lo que la nueva fuente deb\u00eda ocupar el lugar de la anterior sin causar problemas.<\/p>\n\n\n\n<p>Por supuesto, era importante conocer la opini\u00f3n del equipo de O\u2019STIN sobre <a href=\"https:\/\/typetype.org\/es\/fonts\/tt-fors\/\">TT Fors<\/a>. Les entregamos la fuente para realizar pruebas, con el objetivo de que durante el proceso pudieran valorar qu\u00e9 tan c\u00f3moda era de usar. Tambi\u00e9n esper\u00e1bamos recibir comentarios sobre los cambios que al equipo de O\u2019STIN le gustar\u00eda ver en la fuente. Una tipograf\u00eda corporativa debe ser c\u00f3moda de utilizar, intuitiva y agradable.<\/p>\n\n\n\n<p>Tras la fase de pruebas por parte de O\u2019STIN, realizamos una serie de ajustes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cambiamos los nombres de los estilos por aquellos que resultaran m\u00e1s familiares para el equipo. Por ejemplo, TT Fors DemiBold pas\u00f3 a llamarse Ostin Sans Bold, y TT Fors Medium se convirti\u00f3 en Ostin Sans SemiBold.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_09.png\" alt=\"\" class=\"wp-image-10000013077\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_09.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_09-420x210.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_09-1024x512.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_09-768x384.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_09-1200x600.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_09-600x300.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_09-80x40.png 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ampliamos el espaciado de las letras may\u00fasculas.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_10.png\" alt=\"\" class=\"wp-image-10000013079\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_10.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_10-420x96.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_10-1024x235.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_10-768x176.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_10-1200x275.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_10-600x138.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_10-80x18.png 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Modificamos las formas de algunos n\u00fameros y el tama\u00f1o de los signos matem\u00e1ticos.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_11.gif\" alt=\"\" class=\"wp-image-10000013081\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ajustamos las proporciones de los caracteres principales. Por ejemplo, la palabra \u0412\u0415\u0421\u042c les parec\u00eda al equipo de O\u2019STIN demasiado desigual en cuanto al ancho de las letras. TT Fors se basa en proporciones cl\u00e1sicas que remiten a las inscripciones monumentales romanas. Para la fuente de O\u2019STIN, conservamos la l\u00f3gica del contraste en las proporciones, pero suavizamos un poco esa diferencia.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_12.gif\" alt=\"\" class=\"wp-image-10000013083\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A\u00f1adimos rasgos gr\u00e1ficos distintivos para dotar a la fuente de personalidad y adaptarla a la identidad de la marca.<\/li>\n<\/ul>\n\n\n\n<p>Este \u00faltimo punto lo analizaremos en detalle en un cap\u00edtulo aparte, pero por ahora pasemos a la creaci\u00f3n de las cursivas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Creaci\u00f3n de verdaderas it\u00e1licas (cursivas)<\/h2>\n\n\n\n<p>El trabajo en los estilos rectos y en las cursivas se realiz\u00f3 en paralelo por dos equipos distintos, ya que los plazos del proyecto eran limitados.&nbsp;<\/p>\n\n\n\n<p>Ahora bien, crear cursivas para una grotesca es un caso realmente poco com\u00fan. De hecho, ni siquiera todas las serifas cl\u00e1sicas cuentan con verdaderas it\u00e1licas. Este tipo de fuente es m\u00e1s complejo de desarrollar, pero sus propiedades expresivas son considerablemente superiores a las de los estilos simplemente inclinados. Adem\u00e1s, las it\u00e1licas pueden funcionar como una fuente independiente, aportando al texto un car\u00e1cter m\u00e1s marcado.<\/p>\n\n\n\n<p>Ese es precisamente el caso de O\u2019STIN. Las cursivas funcionan, en esencia, como una segunda fuente dentro del conjunto tipogr\u00e1fico, encargada de aportar la dimensi\u00f3n emocional.<\/p>\n\n\n\n<p>Como mencionamos antes, en las verdaderas it\u00e1licas los caracteres no se inclinan, sino que se redibujan desde cero. Aunque, en realidad, esto tiene muchos matices: las formas deben basarse en el car\u00e1cter de la fuente principal y, adem\u00e1s, algunos signos s\u00ed se inclinan. Por lo general, se inclinan las letras may\u00fasculas, los n\u00fameros y algunos s\u00edmbolos. Para estos caracteres, tomamos como base las versiones inclinadas de <a href=\"https:\/\/typetype.org\/es\/fonts\/tt-fors\/\">TT Fors<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_13.png\" alt=\"\" class=\"wp-image-10000013085\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_13.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_13-420x164.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_13-1024x399.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_13-768x299.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_13-1200x468.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_13-600x234.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_13-80x31.png 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>La mayor carga de trabajo recay\u00f3 en la creaci\u00f3n de los caracteres en min\u00fascula, ya que cambian por completo sus formas.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A\u00f1adimos transiciones suaves de entrada y salida en los trazos.<\/li>\n\n\n\n<li>Ajustamos las proporciones de los signos para que armonizaran con la nueva estructura gr\u00e1fica.&nbsp;<\/li>\n\n\n\n<li>Algunos caracteres fueron redise\u00f1ados por completo, como las letras latinas \u201ce\u201d, \u201cv\u201d, \u201cw\u201d, \u201cy\u201d. Otros, en cambio, permanecieron pr\u00e1cticamente intactos, como \u201cb\u201d, \u201cc\u201d, \u201co\u201d, \u201cq\u201d.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_14.gif\" alt=\"\" class=\"wp-image-10000013087\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>En el alfabeto cir\u00edlico, modificamos pr\u00e1cticamente todos los caracteres.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_15.gif\" alt=\"\" class=\"wp-image-10000013089\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A las letras may\u00fasculas les a\u00f1adimos algunos detalles que permitieron diferenciarlas visualmente de la fuente original.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_16.png\" alt=\"\" class=\"wp-image-10000013091\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_16.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_16-420x105.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_16-1024x256.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_16-768x192.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_16-1200x300.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_16-600x150.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_16-80x20.png 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Cada etapa fue sometida a pruebas para garantizar que el resultado cumpliera con las expectativas de todos los involucrados. Para que la fuente resultara m\u00e1s original y atractiva, trabajamos en la creaci\u00f3n de conjuntos de ligaduras.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_17.png\" alt=\"\" class=\"wp-image-10000013093\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_17.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_17-420x210.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_17-1024x512.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_17-768x384.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_17-1200x600.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_17-600x300.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_17-80x40.png 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Quedaba la \u00faltima fase gr\u00e1fica: a\u00f1adir rasgos visuales a los estilos rectos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_18.jpg\" alt=\"\" class=\"wp-image-10000013095\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_18.jpg 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_18-420x210.jpg 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_18-1024x512.jpg 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_18-768x384.jpg 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_18-1200x600.jpg 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_18-600x300.jpg 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_18-80x40.jpg 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">De TT Fors a Ostin Sans. Incorporaci\u00f3n de rasgos gr\u00e1ficos<\/h2>\n\n\n\n<p>Las cursivas finalizadas se ve\u00edan expresivas y originales. En cambio, los estilos rectos segu\u00edan pareci\u00e9ndose demasiado al <a href=\"https:\/\/typetype.org\/es\/fonts\/tt-fors\/\">TT Fors<\/a> original, y quisimos cambiar eso. Tras acordar esta fase con el equipo, comenzamos a buscar los detalles faltantes que permitir\u00edan transformar el TT Fors personalizado en la fuente corporativa de O\u2019STIN, reconocible y \u00fanica.<\/p>\n\n\n\n<p>En primer lugar, quisimos unificar visualmente los estilos rectos con las it\u00e1licas, es decir, establecer un v\u00ednculo gr\u00e1fico entre ellos. Tras probar varias opciones, decidimos a\u00f1adir transiciones suaves de entrada y salida en los trazos diagonales, tomando como referencia la soluci\u00f3n ya aplicada en la cursiva.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_19.png\" alt=\"\" class=\"wp-image-10000013097\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_19.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_19-420x184.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_19-1024x448.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_19-768x336.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_19-1200x525.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_19-600x263.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_19-80x35.png 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>La b\u00fasqueda gr\u00e1fica se llev\u00f3 a cabo sobre un solo estilo: Bold, ya que es el m\u00e1s expresivo. Una vez aprobado el dise\u00f1o final, trasladamos las soluciones aplicadas en el peso negrita al resto de los estilos, incluido el m\u00e1s fino.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_20.png\" alt=\"\" class=\"wp-image-10000013099\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_20.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_20-420x210.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_20-1024x512.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_20-768x384.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_20-1200x600.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_20-600x300.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_20-80x40.png 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Los cambios afectaron a todo el conjunto de caracteres, es decir, a los 680 glifos en cada uno de los 4 estilos. Tras validar el resultado, enviamos la fuente de O\u2019STIN al departamento t\u00e9cnico.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Trabajo t\u00e9cnico sobre la fuente<\/h2>\n\n\n\n<p>La parte t\u00e9cnica del trabajo con una fuente puede parecer aburrida, ya que no implica exploraciones creativas ni decisiones originales. Sin embargo, es un componente fundamental del desarrollo tipogr\u00e1fico, ya que los errores en esta etapa pueden hacer que la familia tipogr\u00e1fica resulte inutilizable. La precisi\u00f3n de los algoritmos y la l\u00f3gica depurada de las acciones del departamento t\u00e9cnico es lo que permite a TypeType lanzar fuentes no solo atractivas, sino tambi\u00e9n funcionales.<\/p>\n\n\n\n<p>No vamos a describir todo el proceso t\u00e9cnico detr\u00e1s de Ostin Sans, sino que nos centraremos en los aspectos clave de este trabajo.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Interlineado<\/li>\n<\/ul>\n\n\n\n<p>El interlineado se refiere a la configuraci\u00f3n de las m\u00e9tricas verticales de una fuente. Durante las conversaciones con el equipo de O\u2019STIN, decidimos configurar las m\u00e9tricas verticales de manera id\u00e9ntica a las de la fuente que se hab\u00eda utilizado previamente en la mayor\u00eda de los materiales de la marca. De este modo, los dise\u00f1adores podr\u00e1n actualizar la fuente m\u00e1s f\u00e1cilmente, ya que la maquetaci\u00f3n no se desajustar\u00e1 por completo y podr\u00e1 corregirse en lugar de tener que rehacerse desde cero. Gracias a esta decisi\u00f3n, la nueva fuente, a pesar de su naturaleza y estilo diferentes, hereda la continuidad t\u00e9cnica de la anterior. Esta soluci\u00f3n resulta especialmente importante al trabajar con el sitio web y la aplicaci\u00f3n m\u00f3vil, ya que remaquetar una gran cantidad de materiales interactivos implicar\u00eda costes adicionales considerables.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_21.png\" alt=\"\" class=\"wp-image-10000013101\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_21.png 1440w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_21-420x124.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_21-1024x303.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_21-768x227.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_21-1200x355.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_21-600x178.png 600w, https:\/\/typetype.org\/es\/wp-content\/uploads\/ostin_21-80x24.png 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kerning<\/li>\n<\/ul>\n\n\n\n<p>Trabajamos minuciosamente el kerning en cada una de las familias tipogr\u00e1ficas del estudio, ya que un ritmo tipogr\u00e1fico impecable mejora la legibilidad tanto en tama\u00f1os grandes como peque\u00f1os. Y esto es a\u00fan m\u00e1s importante cuando se trata de una fuente corporativa de una marca reconocida, que ser\u00e1 vista diariamente por muchas personas. Como fase independiente, creamos tablas de kerning tanto para los estilos rectos como para las it\u00e1licas. Gracias a este trabajo manual y laborioso, se evita la aparici\u00f3n de \u201chuecos\u201d accidentales entre ciertas combinaciones de letras, as\u00ed como el \u201cencimamiento\u201d entre caracteres.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_22.gif\" alt=\"\" class=\"wp-image-10000013103\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hinting.<\/li>\n<\/ul>\n\n\n\n<p>El <a href=\"https:\/\/typetype.org\/es\/hinting\/\">hinting manual<\/a> es una de las caracter\u00edsticas distintivas de todas las fuentes de TypeType. Para la fuente de O\u2019STIN, esta etapa fue especialmente relevante, ya que los usuarios ver\u00e1n la tipograf\u00eda en una gran variedad de tama\u00f1os y dispositivos. El hinting mejora la representaci\u00f3n visual del trazo tipogr\u00e1fico en pantallas, especialmente en tama\u00f1os peque\u00f1os, en sistemas operativos como Windows y Linux. Dado que la fuente estaba pensada tambi\u00e9n para su uso en el sitio web de la empresa y en la aplicaci\u00f3n, abordamos el hinting con especial cuidado.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_23-1.gif\" alt=\"\" class=\"wp-image-10000013105\"\/><\/figure>\n\n\n\n<p>Por supuesto, hubo m\u00e1s aspectos t\u00e9cnicos involucrados en el desarrollo de la fuente, pero no nos detendremos en ellos en detalle. Si te interesa saber c\u00f3mo se lleva a cabo el trabajo t\u00e9cnico en la creaci\u00f3n de una tipograf\u00eda, puedes leer otros art\u00edculos de TypeType en el <a href=\"https:\/\/typetype.org\/es\/blog\/font-creation\/\">sitio web del estudio<\/a>.<\/p>\n\n\n\n<p>El desarrollo de Ostin Sans tom\u00f3 3 meses. Es un plazo bastante corto para la creaci\u00f3n de una familia tipogr\u00e1fica corporativa, y logramos cumplirlo gracias a nuestro proceso depurado para el dise\u00f1o de grandes familias tipogr\u00e1ficas y a un equipo perfectamente coordinado. <\/p>\n\n\n\n<p>Durante el proceso, el proyecto adquiri\u00f3 un nuevo matiz y se convirti\u00f3 en una fuente independiente, refinada y \u00fanica. Gracias a las it\u00e1licas, conseguimos resolver no solo una cuesti\u00f3n tipogr\u00e1fica, sino tambi\u00e9n un objetivo estrat\u00e9gico de marketing para O\u2019STIN. Estamos agradecidos al equipo de O\u2019STIN por la confianza depositada en nosotros.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/ostin_24.gif\" alt=\"\" class=\"wp-image-10000013107\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>La tipograf\u00eda forma parte de la marca, ya que transmite el contexto emocional de la informaci\u00f3n que comunica. \u00bfEs posible enriquecer estas asociaciones y ampliar la audiencia cambiando la fuente corporativa? Con esta solicitud acudi\u00f3 a nosotros la marca O\u2019STIN.<\/p>\n","protected":false},"author":2,"featured_media":10000013061,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[183,185],"class_list":["post-13060","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-font-creation","tag-corporate-fonts"],"acf":{"show_sidebar":true},"_links":{"self":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/13060","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/comments?post=13060"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/13060\/revisions"}],"predecessor-version":[{"id":47651,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/13060\/revisions\/47651"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/media\/10000013061"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/media?parent=13060"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/categories?post=13060"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/tags?post=13060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}