2026-05-11T17:12:58Z https://yabu.me HEX Projects https://yabu.me/npub15xt4ff7u24vvk4r3036w68vcl0stedd06sct8k4pez36anufa8dsct8y8z https://typo.social/system/accounts/avatars/109/320/909/169/861/872/original/12df783e5471478e.png https://typo.social/system/accounts/avatars/109/320/909/169/861/872/original/12df783e5471478e.png https://yabu.me/nevent1qqsf6avm4t6wsgxgxx5ne6xr08qp3x85s7auhcetvvcj7pmlq6uygcszyzsew498m3243j65w978fmganra7p0944l2rpv7658y28tk0385akrn2xz7 In reply to <a href='/nevent1qqs9dwuduptdjsdd42ufk55j65yaxucghc90x2agjdd8le46e4wyx5qpz4mhxue69uhhyetvv9ujuerfw36x7tnsw43qrsjas0'>nevent1q…jas0</a><br/>_________________________<br/><br/><span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qy2hwumn8ghj7un9d3shjtnyd968gmewwp6kyqpqnrry8gmljnjtta200fjndwarr7hu2pk69stpy30c4vz5r4k9y6tquxyeqj" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qy2hwumn8ghj7un9d3shjtnyd968gmewwp6kyqpqnrry8gmljnjtta200fjndwarr7hu2pk69stpy30c4vz5r4k9y6tquxyeqj</span> (<span class="italic">nprofile…yeqj</span>)</a></span> This is so cool. Thanks for making fun stuff with my fonts! 2026-05-11T17:13:47Z https://yabu.me/nevent1qqsgejlmmjs7mh6s6v9l39he22qfmy8svla0y3hmay89gduaw734lyczyzsew498m3243j65w978fmganra7p0944l2rpv7658y28tk0385akxg4u3y In reply to <a href='/nevent1qqszu66cqz0vgx85y2mnlrgdq5c26vwuepf8m2v7ua8a507au90dc7cpz4mhxue69uhhyetvv9ujuerfw36x7tnsw43q7umysq'>nevent1q…mysq</a><br/>_________________________<br/><br/><span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qy2hwumn8ghj7un9d3shjtnyd968gmewwp6kyqpqx2encvqja4lw5grajgvk6qx5qdhkjr60jg006hyc54qwqh0hvrkskj965h" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qy2hwumn8ghj7un9d3shjtnyd968gmewwp6kyqpqx2encvqja4lw5grajgvk6qx5qdhkjr60jg006hyc54qwqh0hvrkskj965h</span> (<span class="italic">nprofile…965h</span>)</a></span> <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qy2hwumn8ghj7un9d3shjtnyd968gmewwp6kyqpq6mupqs08pvwk8crlddfd8wuag79ldtqss09gslalvwksne2u6r0qwrdd9w" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qy2hwumn8ghj7un9d3shjtnyd968gmewwp6kyqpq6mupqs08pvwk8crlddfd8wuag79ldtqss09gslalvwksne2u6r0qwrdd9w</span> (<span class="italic">nprofile…dd9w</span>)</a></span> <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qy2hwumn8ghj7un9d3shjtnyd968gmewwp6kyqpq7cs0awnjg84w085zneqyvpzynpr75l5z47r9hjrhkcgetnzgvsmqf9tm79" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qy2hwumn8ghj7un9d3shjtnyd968gmewwp6kyqpq7cs0awnjg84w085zneqyvpzynpr75l5z47r9hjrhkcgetnzgvsmqf9tm79</span> (<span class="italic">nprofile…tm79</span>)</a></span> I kept thinking how fun it would be if each line had its own tone when plucked, like a guitar, so you could play songs with the type. Maybe that will be the next step. 2026-02-04T10:43:16Z https://yabu.me/nevent1qqsxnnuvcn8zwguqt528nhcwt3jhpfuz278mlyjrgl7udjxl79ssgnszyzsew498m3243j65w978fmganra7p0944l2rpv7658y28tk0385akjkgcl0 In reply to <a href='/nevent1qqsr864a8xy3du2uzphdxu8dcuv75rpzummgp7llwx7kt2d2nc9psmgpz4mhxue69uhhyetvv9ujuerfw36x7tnsw43q7kqts0'>nevent1q…qts0</a><br/>_________________________<br/><br/>As noted in the disclaimers on that demo page, the curved baseline effect relies on some CSS functions that some browsers don’t support yet. In those browsers you will see the glyphs flex and wiggle when hovering, but without the baseline curving. It’s not the intended effect but it does help to understand how the variable font’s glyphs flex to match what the curvature of the baseline *would* be.<br/><br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://typo.social/system/media_attachments/files/116/011/900/112/375/327/original/8e98a037cc48ec4e.mp4"></video> 2026-02-04T10:39:41Z https://yabu.me/nevent1qqsr864a8xy3du2uzphdxu8dcuv75rpzummgp7llwx7kt2d2nc9psmgzyzsew498m3243j65w978fmganra7p0944l2rpv7658y28tk0385aktqwt50 An interactive web experiment combining a springy-baseline hover effect with a variable font whose glyphs can flex to match the baseline’s curvature:<br/><a href="https://hex.xyz/Shop_Sans/boing/">https://hex.xyz/Shop_Sans/boing/</a><br/><br/>The CSS code is based on demos from <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qy2hwumn8ghj7un9d3shjtnyd968gmewwp6kyqpq6mupqs08pvwk8crlddfd8wuag79ldtqss09gslalvwksne2u6r0qwrdd9w" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qy2hwumn8ghj7un9d3shjtnyd968gmewwp6kyqpq6mupqs08pvwk8crlddfd8wuag79ldtqss09gslalvwksne2u6r0qwrdd9w</span> (<span class="italic">nprofile…dd9w</span>)</a></span> with tips from <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qy2hwumn8ghj7un9d3shjtnyd968gmewwp6kyqpq7cs0awnjg84w085zneqyvpzynpr75l5z47r9hjrhkcgetnzgvsmqf9tm79" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qy2hwumn8ghj7un9d3shjtnyd968gmewwp6kyqpq7cs0awnjg84w085zneqyvpzynpr75l5z47r9hjrhkcgetnzgvsmqf9tm79</span> (<span class="italic">nprofile…tm79</span>)</a></span> yesterday:<br/><a href="https://front-end.social/@css/116006138838064149">https://front-end.social/@css/116006138838064149</a><br/><br/>The variable font is Shop Sans, which I made for exactly these kinds of curved-baseline situations:<br/><a href="https://www.futurefonts.com/hex/shop-sans">https://www.futurefonts.com/hex/shop-sans</a><br/><br/>It’s just CSS with a variable web font (no JavaScript involved) and would have been impossible until fairly recently.<br/><br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://typo.social/system/media_attachments/files/116/011/626/236/207/639/original/0829b40a0017eacb.mp4"></video> 2026-02-04T10:22:43Z https://yabu.me/nevent1qqsf3qqfwg65uvy2dd4ptlz63wfzvzc5gcs7r3k5trdrjdz8hknuvzgzyzsew498m3243j65w978fmganra7p0944l2rpv7658y28tk0385ak7wp7as HEX launched 7 years ago tonight, on Halloween 2018.<br/><br/>To celebrate, I’m releasing a preliminary version of an experimental typeface I started even before that …<br/><br/>Shop Sans is a typeface for setting text on circles and curved baselines. Its ‘Curve’ variable font allows for bending type smoothly along arched paths, with adjustable curvature.<br/><br/>The initial version 0.1 is now available from <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qyt8wumn8ghj7un9d3shjtnyd968gmewwp6kytcqyzll76n09sy8ewug0n8vqmf0tsvfku9t98ew4gc2gr0rt6vpfafjzn49yhh" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qyt8wumn8ghj7un9d3shjtnyd968gmewwp6kytcqyzll76n09sy8ewug0n8vqmf0tsvfku9t98ew4gc2gr0rt6vpfafjzn49yhh</span> (<span class="italic">nprofile…9yhh</span>)</a></span>, with more updates and improvements coming soon:<br/><a href="https://www.futurefonts.com/hex/shop-sans">https://www.futurefonts.com/hex/shop-sans</a><br/><br/> <img src="https://typo.social/system/media_attachments/files/115/471/563/097/840/241/original/b5efeeab93e00698.png"> <br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://typo.social/system/media_attachments/files/115/471/570/697/701/231/original/a5e5b79156e2e5c3.mp4"></video><br/> <img src="https://typo.social/system/media_attachments/files/115/471/600/638/902/272/original/8a38f1f38a735132.png"> <br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://typo.social/system/media_attachments/files/115/471/572/285/326/651/original/7e213669823173ad.mp4"></video> 2025-11-01T00:35:22Z https://yabu.me/nevent1qqswtkzrw3gmd7z3kq9u669958xsux5jxjm4qku76zymlu5da7tm9agzyzsew498m3243j65w978fmganra7p0944l2rpv7658y28tk0385aksln6mp In reply to <a href='/nevent1qqsw84hydhqhjr0cjt3jqu9aluqycqnqgu623nkszm7yxycg87zc2rspz4mhxue69uhhyetvv9ujumt0wd68ytnsw43qln48zw'>nevent1q…48zw</a><br/>_________________________<br/><br/><span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqyfphtmnuu68lvyyxyxz02f9m9wdkkjw3a5umqljrx82a2ftyxkzqkz5x7y" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqyfphtmnuu68lvyyxyxz02f9m9wdkkjw3a5umqljrx82a2ftyxkzqkz5x7y</span> (<span class="italic">nprofile…5x7y</span>)</a></span> I have considered it, and the design did start as single-line vectors, but I haven’t yet jumped down the rabbit hole of learning the ins and outs of that font format.<br/><br/>Let me know if you have some particular use in mind! 2025-08-16T08:19:28Z https://yabu.me/nevent1qqs8tcpmu50kjsept8t2zcmld62pn4ruev4uart7td5pzzqrtyyfs2czyzsew498m3243j65w978fmganra7p0944l2rpv7658y28tk0385akmyn05n In reply to <a href='/nevent1qqs96vm84tdy22mqxgvxh5fe80r9rh8me8dcuepkkjvet6ugaknluhcpz4mhxue69uhhyetvv9ujumt0wd68ytnsw43q8g8uz7'>nevent1q…8uz7</a><br/>_________________________<br/><br/><span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpq4dpuhykwhqq84nw63y7c4clxsl449gs6hx43rz0jffspgumg4kgsjx53qe" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpq4dpuhykwhqq84nw63y7c4clxsl449gs6hx43rz0jffspgumg4kgsjx53qe</span> (<span class="italic">nprofile…53qe</span>)</a></span> That Dymo script font wheel was what inspired my Plastic Script typeface! <br/><a href="https://hex.xyz/Plastic_Script/">https://hex.xyz/Plastic_Script/</a><br/><br/>It was a fun challenge to make a connecting script typeface where every glyph occupies the same monospaced width.<br/><br/> <img src="https://typo.social/system/media_attachments/files/115/035/582/692/838/542/original/e8f5d9fe01fd6f14.png"> 2025-08-16T00:25:31Z https://yabu.me/nevent1qqsyuwrd6puuwy2zzqlykesa5wf8ksjy4w8l8m6etqk9lt5av2xrl8gzyzsew498m3243j65w978fmganra7p0944l2rpv7658y28tk0385akkns5al If you’re in Portland, Oregon, tonight <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqhllk5mevpp7thzruemqx6t6urzdhp2ef7t42xzjqmc67nq202vsspag5gz" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqhllk5mevpp7thzruemqx6t6urzdhp2ef7t42xzjqmc67nq202vsspag5gz</span> (<span class="italic">nprofile…g5gz</span>)</a></span> and friends are hosting a <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqy059w49rxy22naaxlmwfx0ywjg9h7tmu3m2fp8h34vgqg0hpdsnsctdr8l" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqy059w49rxy22naaxlmwfx0ywjg9h7tmu3m2fp8h34vgqg0hpdsnsctdr8l</span> (<span class="italic">nprofile…dr8l</span>)</a></span> party at the Outlet studio. It’s free and open to the public.<br/><a href="https://www.futurefonts.com/blog/582-future-fonts-friends-typecon-party">https://www.futurefonts.com/blog/582-future-fonts-friends-typecon-party</a><br/><br/>Unfortunately I won’t be there, but I’m happy to see Diego Garibay’s design for the flyer uses my HEX Franklin fonts (<a href="https://www.futurefonts.com/hex/hex-franklin">https://www.futurefonts.com/hex/hex-franklin</a>), including some funky manual adaptations.<br/><br/> <img src="https://typo.social/system/media_attachments/files/114/987/862/010/239/636/original/c352bf7a870ac2f7.webp"> 2025-08-07T14:17:41Z https://yabu.me/nevent1qqsd2kewh97k9yrmfmkf0clts2ly0nfhfesnqux3354yeuyzy53nwmszyzsew498m3243j65w978fmganra7p0944l2rpv7658y28tk0385ak9d3j2m In reply to <a href='/nevent1qqsdl30c8e3t5cja64f2s75va92hl7w6cl5dq3mdhj5jvtqc9hhksfcpz4mhxue69uhhyetvv9ujumt0wd68ytnsw43qe845wj'>nevent1q…45wj</a><br/>_________________________<br/><br/><span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqyfdwzz2u9xjdwzqe8pfq7mcd66v9rlzwwc8yme2z0txvgcr930eq4p6d43" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqyfdwzz2u9xjdwzqe8pfq7mcd66v9rlzwwc8yme2z0txvgcr930eq4p6d43</span> (<span class="italic">nprofile…6d43</span>)</a></span> I’ve had Lauweriks up on the site for years, but I’m glad you found it and like it – thank you!<br/><br/>The wild 6 and 9 came straight from the source material, which is still hard to believe is from the early 1900s. <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqk6j4z8kl8yk450n2nek0esd2ha3ylzcp70hxh0e578lzveu7lv2q9qpqf8" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqk6j4z8kl8yk450n2nek0esd2ha3ylzcp70hxh0e578lzveu7lv2q9qpqf8</span> (<span class="italic">nprofile…pqf8</span>)</a></span> recently published a related article:<br/><a href="https://typo.social/@MathieuLommen/114760068190950701">https://typo.social/@MathieuLommen/114760068190950701</a><br/><br/>At some point I also added more tame stylistic alternates for a client who wanted the option to not always be so zany.🤪 I’ll have to add those to the samples on the HEX site soon.<br/><br/> <img src="https://typo.social/system/media_attachments/files/114/836/241/706/293/445/original/da44b0dde38b52cd.png"> <br/> <img src="https://typo.social/system/media_attachments/files/114/836/241/785/320/480/original/43432251f7b85733.jpeg"> 2025-07-11T19:26:30Z https://yabu.me/nevent1qqst89g23smcqhdlqa6r3qn9wkd0jknmpcq8kxrskhm6vpu6hzq43hqzyzsew498m3243j65w978fmganra7p0944l2rpv7658y28tk0385akzcs3sg In reply to <a href='/nevent1qqs0qv5waxwdasa3el5n6rqfa0m4dwwlhfayed22mgg8lvd8sdhj92cpz4mhxue69uhhyetvv9ujumt0wd68ytnsw43qe9sznt'>nevent1q…sznt</a><br/>_________________________<br/><br/>Designer: Spends $60 to use my fonts in a publication they’re making.<br/><br/>Me: Spends $80 to buy a copy of that publication. 2025-05-19T17:03:52Z https://yabu.me/nevent1qqs0qv5waxwdasa3el5n6rqfa0m4dwwlhfayed22mgg8lvd8sdhj92czyzsew498m3243j65w978fmganra7p0944l2rpv7658y28tk0385aknm4sq3 Designer: Writes a nice 3-sentence email asking about using some of my fonts.<br/><br/>Me: Replies with a 600-word essay explaining every possible thing there is to know about those fonts. 2025-05-18T19:58:31Z https://yabu.me/nevent1qqsyjgtulzulzgu803saepkpju8vgzn6kkhem03mpuknfgnm9e4wtjgzyzsew498m3243j65w978fmganra7p0944l2rpv7658y28tk0385ak7n9hqk On May 2 <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqkajt3xx77v903eufh26nd23gs8g67992ysc0nrvcucwjgeahwueqwryakj" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqkajt3xx77v903eufh26nd23gs8g67992ysc0nrvcucwjgeahwueqwryakj</span> (<span class="italic">nprofile…yakj</span>)</a></span> will be hosting <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqw8yqrpj0wjw80pxf247tzezau3vlpajx0egzdwclu396ppygzf8spcmpql" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqw8yqrpj0wjw80pxf247tzezau3vlpajx0egzdwclu396ppygzf8spcmpql</span> (<span class="italic">nprofile…mpql</span>)</a></span> for a lecture about the stencil work of W. A. Dwiggins:<br/><a href="https://ksmallgallery.com/blogs/events/of-hacksaws-and-celluloid-the-beguiling-stencil-work-of-w-a-dwiggins">https://ksmallgallery.com/blogs/events/of-hacksaws-and-celluloid-the-beguiling-stencil-work-of-w-a-dwiggins</a><br/><br/>My Dwiggins-inspired Marionette typeface (<a href="https://www.future-fonts.com/hex/marionette">https://www.future-fonts.com/hex/marionette</a>) was used for this little promo graphic.<br/><br/>Cheap thrills!<br/><br/> <img src="https://typo.social/system/media_attachments/files/114/382/700/577/340/412/original/4c2a99809d9e0a29.jpg"> 2025-04-22T17:14:44Z https://yabu.me/nevent1qqs2dxu9jcackuhcqsm6yec0x39zvfv3a0trdthl7h5zzsg74jwh0fszyzsew498m3243j65w978fmganra7p0944l2rpv7658y28tk0385akh24eq2 That feeling when a student you sent fonts to a long time ago for use in their school projects writes you back much later to show you what they made and also say they just paid for a full license to use the fonts outside of school.<br/>🥹🥹🥹 2025-03-14T23:52:31Z