{"id":50680,"date":"2025-09-12T15:41:36","date_gmt":"2025-09-12T12:41:36","guid":{"rendered":"https:\/\/typetype.org\/fr\/?p=50680"},"modified":"2026-05-15T10:14:34","modified_gmt":"2026-05-15T07:14:34","slug":"a-font-with-a-wide-reach-a-special-project-for-shiftbrain-s-20th-anniversary","status":"publish","type":"post","link":"https:\/\/typetype.org\/fr\/blog\/a-font-with-a-wide-reach-a-special-project-for-shiftbrain-s-20th-anniversary\/","title":{"rendered":"A\u00a0Font with a\u00a0Wide Reach: A\u00a0Special Project for SHIFTBRAIN\u2019s 20th Anniversary"},"content":{"rendered":"\n<p>In&nbsp;2023, the Japanese marketing agency SHIFTBRAIN launched an&nbsp;<a href=\"https:\/\/shiftbrain.com\/20th\/\" target=\"_blank\" rel=\"noreferrer noopener\">interactive website<\/a> dedicated to&nbsp;the company\u2019s 20th anniversary. For this project, the TypeType team developed a&nbsp;unique variable font capable of&nbsp;stretching to&nbsp;extreme horizontal widths. As&nbsp;a&nbsp;foundation, we&nbsp;used the bestseller <a href=\"https:\/\/typetype.org\/fr\/fonts\/tt-norms-pro\/\">TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro<\/a>, which was already the company\u2019s corporate typeface\u2014you can see it&nbsp;on&nbsp;the <a href=\"https:\/\/shiftbrain.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">main SHIFTBRAIN website<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"718\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-cover.png\" alt=\"\" class=\"wp-image-50695\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-cover.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-cover-1024x511.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-cover-1200x598.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-cover-768x383.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-cover-420x209.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-cover-600x299.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>In&nbsp;this article, we\u2019ll take you behind the scenes of&nbsp;this unusual project!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A&nbsp;New Challenge<\/h2>\n\n\n\n<p>The project was named SHIFTBRAIN Norms. Our task was to&nbsp;develop a&nbsp;font with a&nbsp;variable Width axis based on&nbsp;TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro Regular, refine some glyph shapes, and adjust its size to&nbsp;match the Japanese font A1&nbsp;Gothic Regular. We&nbsp;also had to&nbsp;integrate the company logo and 30&nbsp;portrait icons of&nbsp;SHIFTBRAIN employees, which they provided.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"890\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-1.png\" alt=\"\" class=\"wp-image-50682\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-1.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-1-1024x633.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-1-1200x742.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-1-768x475.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-1-420x260.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-1-600x371.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>When the SHIFTBRAIN project began in&nbsp;2022, our sales department was still in&nbsp;the process of&nbsp;shaping its client interaction workflows. This was one of&nbsp;the first cases where a&nbsp;manager handled the entire client journey\u2014from discussing the brief to&nbsp;overseeing execution in&nbsp;production. This format allowed&nbsp;us to&nbsp;identify bottlenecks in&nbsp;communication, such as&nbsp;approval delays or&nbsp;inconsistencies in&nbsp;technical specs. Thanks to&nbsp;this experience, we&nbsp;optimized our department\u2019s operations by&nbsp;implementing clear protocols and reducing project timelines for our clients. <\/p>\n\n\n\n<p>The SHIFTBRAIN studio wasn\u2019t just looking for a&nbsp;font, but for an&nbsp;identity tool for their Japanese project, and they faced a&nbsp;problem: they needed a&nbsp;hybrid of&nbsp;Latin and Japanese aesthetic elements, but no&nbsp;off-the-shelf solutions existed. We&nbsp;had to&nbsp;combine Latin and CJK fonts (<em>CJK is&nbsp;an&nbsp;abbreviation for Chinese, Japanese, and Korean<\/em>) into a&nbsp;single project. It&nbsp;required perfectly matching the brand\u2019s style without endless revisions and demanded seamless remote collaboration.<\/p>\n\n\n\n<p>And, of&nbsp;course, the extreme width of&nbsp;the variable font was a&nbsp;new challenge for&nbsp;us.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>\u00ab\u00a0It\u00a0was especially interesting to\u00a0do\u00a0something extreme with TT\u00a0Norms<sup class=\"reg\">\u00ae<\/sup> Pro, since it\u2019s a\u00a0fairly neutral typeface on\u00a0its own. However, working with such wide characters is\u00a0quite unusual and inconvenient, as\u00a0only a\u00a0few symbols fit on\u00a0the monitor at\u00a0a\u00a0time, instead of\u00a0a\u00a0full line of\u00a0text. Despite this, we\u00a0focused on\u00a0preserving the character of\u00a0TT\u00a0Norms<sup class=\"reg\">\u00ae<\/sup> Pro even in\u00a0its super-wide style.<\/em>\u00ab\u00a0<\/p>\n\n\n\n<p><em>Marina Khodak, Design Lead at&nbsp;TypeType<\/em><\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"810\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-2.gif\" alt=\"\" class=\"wp-image-50683\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How the TypeType Sales and Production Management Teams Worked<\/h2>\n\n\n\n<p>We&nbsp;transformed a&nbsp;complex request into a&nbsp;transparent process with a&nbsp;predictable outcome.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Stage&nbsp;1: Deep Analytics <\/h4>\n\n\n\n<p>We&nbsp;held a&nbsp;workshop with the client to&nbsp;identify key parameters: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A&nbsp;combination of&nbsp;the rigid geometry of&nbsp;Latin script with the smooth strokes of&nbsp;Japanese characters.<\/li>\n\n\n\n<li>Restricted character width for vertical text applications.<\/li>\n<\/ul>\n\n\n\n<p>We&nbsp;then selected three potential base fonts from our library for customization to&nbsp;speed up&nbsp;the start of&nbsp;the project. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Stage&nbsp;2: Detailed Brief and Planning <\/h4>\n\n\n\n<p>We&nbsp;created a&nbsp;visual map of&nbsp;edits with examples, showing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>How to&nbsp;transform the serifs.<\/li>\n\n\n\n<li>Where to\u00a0add a\u00a0\u00ab\u00a0Japanese\u00a0\u00bb accent.<\/li>\n<\/ul>\n\n\n\n<p>We&nbsp;established clear checkpoints, ensuring the client received sketches every five days.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Stage&nbsp;3: Quality Control <\/h4>\n\n\n\n<p>Our managers consolidated feedback from SHIFTBRAIN\u2019s designers and TypeType\u2019s production team into a&nbsp;single document to&nbsp;eliminate misunderstandings. We&nbsp;tested the font in&nbsp;real-world use cases (logos, packaging) before the final rendering. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Stage&nbsp;4: Final Result + Support <\/h4>\n\n\n\n<p>In&nbsp;the end, we&nbsp;delivered a&nbsp;complete package to&nbsp;the client:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Four styles of&nbsp;the custom font. <\/li>\n\n\n\n<li>A&nbsp;usage guide (point sizes, leading for Japanese media).<\/li>\n\n\n\n<li>SVG icons designed to&nbsp;harmonize with the typography.<\/li>\n<\/ul>\n\n\n\n<p>We&nbsp;also provided free revisions for one month after project delivery. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"960\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-3.gif\" alt=\"\" class=\"wp-image-50684\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">The Result for SHIFTBRAIN <\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>30% time savings, thanks to\u00a0a\u00a0clear brief and the absence of\u00a0a\u00a0\u00ab\u00a0game of\u00a0telephone\u00a0\u00bb effect between the teams.<\/li>\n\n\n\n<li>The font became part of&nbsp;the brand identity and is&nbsp;now used in&nbsp;merchandise and digital products. <\/li>\n\n\n\n<li>Continued collaboration for the font\u2019s localization for new markets.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Why Do&nbsp;Clients Choose TypeType for Customization? <\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Flexibility: We&nbsp;work with any style, from sans-serifs to&nbsp;<a href=\"https:\/\/typetype.org\/fr\/fonts\/script\/\">script<\/a> fonts.<\/li>\n\n\n\n<li>Experience: Over 600 <a href=\"https:\/\/typetype.org\/fr\/font-in-use\/\">custom projects<\/a> completed. <\/li>\n\n\n\n<li>Technology: Our own FontEditor and proprietary tools for kerning verification.<\/li>\n<\/ul>\n\n\n\n<p>\u00ab\u00a0TypeType doesn\u2019t just draw letters\u2014they design communication.\u00a0\u00bb<\/p>\n\n\n\n<p>\u2014&nbsp;Feedback from the SHIFTBRAIN team!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Execution: The Production Department\u2019s Work<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">The Variable Font<\/h3>\n\n\n\n<p>The main task was to&nbsp;make TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro vary horizontally from a&nbsp;Condensed style to&nbsp;a&nbsp;super-wide one\u2014from 460&nbsp;pt to&nbsp;3480&nbsp;pt. That\u2019s a&nbsp;width increase of&nbsp;7.6&nbsp;times! For comparison, a&nbsp;typical expansion from Condensed to&nbsp;Expanded is&nbsp;about 1.5&nbsp;times. We&nbsp;had never made a&nbsp;font this wide before.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"450\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-4.gif\" alt=\"\" class=\"wp-image-50685\"\/><\/figure>\n\n\n\n<p>The narrow style retained the same width as&nbsp;the original Condensed, and we&nbsp;added an&nbsp;ultra-wide style at&nbsp;the right end of&nbsp;the Width variability axis. The font included only the Latin alphabet, numbers, and standard punctuation. For the Width axis, we&nbsp;initially used standard values: <nobr class=\"phone\">75-100-125-150.<\/nobr> However, the abrupt jump in&nbsp;width from 125 to&nbsp;150 looked poor. In&nbsp;the end, we&nbsp;chose a&nbsp;value of&nbsp;200 for the Extended style.<\/p>\n\n\n\n<p>Designing the graphics for the wide style was challenging: the letters were so&nbsp;stretched that it&nbsp;was impossible to&nbsp;assess how they looked in&nbsp;a&nbsp;text block within the Glyphs app window. This meant we&nbsp;had to&nbsp;export the file after every change and analyze a&nbsp;text block in&nbsp;a&nbsp;layout program. Despite the difficulties, we&nbsp;handled the task perfectly!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"806\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-5.png\" alt=\"\" class=\"wp-image-50686\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-5.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-5-1024x573.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-5-1200x672.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-5-768x430.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-5-420x235.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-5-600x336.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Technical Work<\/h3>\n\n\n\n<p>In&nbsp;parallel with the design work, we&nbsp;performed font hinting and other technical adjustments. On&nbsp;November&nbsp;30, SHIFTBRAIN sent&nbsp;us the Japanese font A1&nbsp;Gothic StdN Regular, to&nbsp;which we&nbsp;needed to&nbsp;match our font\u2019s metrics. We&nbsp;had to&nbsp;adjust the leading and the baseline.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>\u00ab\u00a0The thing\u00a0is, CJK fonts have different metrics from Latin and Cyrillic fonts. When you use them side-by-side, you get very loose, gappy typesetting. You can imagine any packaging on\u00a0a\u00a0Chinese product: you\u2019ll see beautiful hieroglyphs, but the Cyrillic or\u00a0Latin text will have huge letter spacing and other issues. To\u00a0make everything look harmonious, you need to\u00a0adjust one font to\u00a0match the other.<\/em>\u00ab\u00a0<\/p>\n\n\n\n<p><em>Marina Khodak, Design Lead at&nbsp;TypeType<\/em><\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"378\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-6.gif\" alt=\"\" class=\"wp-image-50687\"\/><\/figure>\n\n\n\n<p>At\u00a0that moment, this was a\u00a0very interesting and promising solution for\u00a0us. On\u00a0the one hand, it\u2019s a\u00a0relatively simple customization; on\u00a0the other, it\u00a0solves very significant design challenges.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>\u00ab\u00a0I\u00a0scaled the font, increasing it\u00a0to\u00a0107% of\u00a0the original. The Em\u00a0size remained at\u00a01000\u00a0units, just like the reference A1\u00a0Gothic. We\u00a0took the leading settings from the reference font and transferred the relevant parameters to\u00a0our font. We\u00a0also slightly shifted the baseline at\u00a0the client\u2019s request. We\u00a0verified the match in\u00a0Adobe Illustrator using Composite Fonts. Initially, the client provided the settings they used with the original font pair. Our task was to\u00a0ensure the visual output was identical when using our custom font with A1\u00a0Gothic at\u00a0default Size and Baseline settings. This allows the font pair to\u00a0be\u00a0used in\u00a0applications beyond just Adobe Illustrator.<\/em>\u00ab\u00a0<\/p>\n\n\n\n<p><em>Yuri Nakonechny, Head of&nbsp;the Technical Department at&nbsp;TypeType<\/em><\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"960\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-7.png\" alt=\"\" class=\"wp-image-50688\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-7.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-7-1024x683.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-7-1200x800.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-7-768x512.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-7-420x280.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-7-600x400.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Portrait Icons and the Logo<\/h3>\n\n\n\n<p>SHIFTBRAIN sent&nbsp;us 30&nbsp;beautiful icons featuring images of&nbsp;all the company\u2019s employees. The challenge was that an&nbsp;illustration\u2019s outline is&nbsp;far more complex and detailed than a&nbsp;letter\u2019s outline\u2014it has more points that don\u2019t meet font requirements. When exporting from .svg to .glyphs, some details can break. Therefore, you can\u2019t just drag and drop a&nbsp;vector image into Glyphs. After an&nbsp;icon is&nbsp;imported into a&nbsp;font, it&nbsp;needs to&nbsp;be&nbsp;meticulously cleaned up&nbsp;and corrected.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"816\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-8.gif\" alt=\"\" class=\"wp-image-50689\"\/><\/figure>\n\n\n\n<p>We&nbsp;integrated all 30&nbsp;icons into the font after careful processing. However, after this was done, SHIFTBRAIN decided to&nbsp;redesign 15&nbsp;of&nbsp;them to&nbsp;alter their proportions for a&nbsp;more generalized look. This meant we&nbsp;had to&nbsp;repeat the entire process for half of&nbsp;the icons. But in&nbsp;the end, it&nbsp;all came together perfectly! <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"890\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-9.gif\" alt=\"\" class=\"wp-image-50690\"\/><\/figure>\n\n\n\n<p>We&nbsp;also embedded the company logo into the font and created an&nbsp;OpenType feature for it\u2014when activated, the letter \u2019S\u2019 is&nbsp;replaced by&nbsp;the logo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"193\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-10.gif\" alt=\"\" class=\"wp-image-50691\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Graphic Refinements<\/h3>\n\n\n\n<p>We&nbsp;also made minor changes to&nbsp;the shapes of&nbsp;a&nbsp;few characters. Specifically, we&nbsp;modified the \u2019Q\u2019 and added an&nbsp;alternate \u2019S\u2019 with horizontal terminal cuts. SHIFTBRAIN requested this shape because of&nbsp;its similarity to&nbsp;their logo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"790\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-11.png\" alt=\"\" class=\"wp-image-50692\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-11.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-11-1024x562.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-11-1200x658.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-11-768x421.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-11-420x230.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-11-600x329.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">The Final Result<\/h2>\n\n\n\n<p>The outcome was an&nbsp;extremely wide variable font with a&nbsp;set of&nbsp;built-in icons. See how original and striking it&nbsp;looks on&nbsp;<a href=\"https:\/\/shiftbrain.com\/work\/shiftbrain20th\/\" target=\"_blank\" rel=\"noreferrer noopener\">SHIFTBRAIN\u2019s anniversary website<\/a>! <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"790\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-12.gif\" alt=\"\" class=\"wp-image-50693\"\/><\/figure>\n\n\n\n<p>Thanks to&nbsp;the clear and coordinated work of&nbsp;the TypeType team, clients receive: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A&nbsp;unique, turnkey font\u2014without overpaying for unnecessary iterations. <\/li>\n\n\n\n<li>Transparency\u2014timelines and budget are clear from the start. <\/li>\n\n\n\n<li>Support\u2014a dedicated manager resolves issues before they become stressful.<\/li>\n<\/ul>\n\n\n\n<p>Why does this work? We&nbsp;don\u2019t just sell fonts; we&nbsp;design a&nbsp;brand tool. After a&nbsp;project is&nbsp;completed, 80% of&nbsp;our clients return for additional services (like icons or&nbsp;localization). <\/p>\n\n\n\n<p>Want the same predictable process for your custom font? Let\u2019s discuss your project! <a href=\"https:\/\/typetype.org\/fr\/contact\/\">Send&nbsp;us a&nbsp;message<\/a> describing your task, and we\u2019ll propose a&nbsp;solution within 24&nbsp;hours.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"790\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt-shiftbrain-blog-13.gif\" alt=\"\" class=\"wp-image-50694\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In 2023, the Japanese marketing agency SHIFTBRAIN launched an interactive website dedicated to the company&rsquo;s 20th anniversary. For this project, the TypeType team developed a unique variable font capable of stretching to extreme horizontal widths. As a foundation, we used the bestseller TT Norms\u00ae Pro, which was already the company&rsquo;s corporate typeface\u2014you can see it on the main SHIFTBRAIN website.<\/p>\n","protected":false},"author":4485,"featured_media":50695,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[187,185],"class_list":["post-50680","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-font-custom","tag-corporate-fonts"],"acf":{"show_sidebar":true},"_links":{"self":[{"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts\/50680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/users\/4485"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/comments?post=50680"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts\/50680\/revisions"}],"predecessor-version":[{"id":52027,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts\/50680\/revisions\/52027"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/media\/50695"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/media?parent=50680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/categories?post=50680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/tags?post=50680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}