{
"$type": "site.standard.document",
"content": {
"$type": "app.offprint.content",
"items": [
{
"$type": "app.offprint.block.text",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#italic"
}
],
"index": {
"byteEnd": 140,
"byteStart": 125
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://www.youtube.com/watch?v=Gs069dndIYk"
},
{
"$type": "app.offprint.richtext.facet#underline"
}
],
"index": {
"byteEnd": 143,
"byteStart": 140
}
}
],
"plaintext": "Welcome to the September newsletter. Upgrade your typography, peruse the history of inventions, and help us make 3&3 better. Do you remember..."
},
{
"$type": "app.offprint.block.heading",
"level": 2,
"plaintext": "stay ready"
},
{
"$type": "app.offprint.block.text",
"plaintext": "via taurean"
},
{
"$type": "app.offprint.block.heading",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#bold"
}
],
"index": {
"byteEnd": 12,
"byteStart": 5
}
}
],
"level": 2,
"plaintext": "1 — utopia"
},
{
"$type": "app.offprint.block.image",
"alignment": "center",
"aspectRatio": {
"height": 630,
"width": 1200
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreicqdnfugoua25fkqirtv6az4vq4egjayhu7icrf6kjlra54ghhhla"
},
"mimeType": "image/jpeg",
"size": 38912
}
},
{
"$type": "app.offprint.block.text",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#italic"
}
],
"index": {
"byteEnd": 13,
"byteStart": 8
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://utopia.fyi/blog/designing-with-a-fluid-space-palette/"
}
],
"index": {
"byteEnd": 678,
"byteStart": 657
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://clearleft.com/about/team/james-gilyead"
}
],
"index": {
"byteEnd": 695,
"byteStart": 682
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://utopia.fyi/blog/painting-with-a-fluid-space-palette/"
}
],
"index": {
"byteEnd": 721,
"byteStart": 699
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://www.trysmudford.com/"
}
],
"index": {
"byteEnd": 737,
"byteStart": 725
}
}
],
"plaintext": "I’m a heavy utopia user, it’s been my go-to method for defining text sizes and spacing since I first came across it a few years ago. For the designers, we are still largely working within static design tools but that doesn't match the context of the web or many apps. Rather than designing for one specific \"ideal\" breakpoint, utopia gives you a framework for designing the extremes. If you take care of the largest and smallest instances, utopia allows you to let the system take care of itself in between. Utopia gives you some tools for type scales, grids, and spacing tokens but it's more of an idea than a coding framework. You can read more about designing with Utopia by James Gilyead or developing with Utopia by Trys Mudford."
},
{
"$type": "app.offprint.block.button",
"alignment": "left",
"href": "https://utopia.fyi/",
"text": "explore ➞"
},
{
"$type": "app.offprint.block.heading",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#bold"
}
],
"index": {
"byteEnd": 19,
"byteStart": 5
}
}
],
"level": 2,
"plaintext": "2 — typeverything"
},
{
"$type": "app.offprint.block.image",
"alignment": "center",
"aspectRatio": {
"height": 630,
"width": 1200
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreiejrl6aiitfjh5it6tr6ufiwkdfv3rhmkctigfephfho5vkuir4ni"
},
"mimeType": "image/jpeg",
"size": 74772
}
},
{
"$type": "app.offprint.block.text",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://andreirobu.com/"
}
],
"index": {
"byteEnd": 22,
"byteStart": 11
}
}
],
"plaintext": "Founded by Andrei Robu, Typeverything has been producing a great collection of typefaces since 2011. There are a ton of great options here for all kinds of contexts. Plenty of their typefaces also include a variable font file."
},
{
"$type": "app.offprint.block.button",
"alignment": "left",
"href": "https://typeverything.com/",
"text": "explore ➞"
},
{
"$type": "app.offprint.block.heading",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#bold"
}
],
"index": {
"byteEnd": 45,
"byteStart": 5
}
}
],
"level": 2,
"plaintext": "3 — invisible details in interaction design"
},
{
"$type": "app.offprint.block.image",
"alignment": "center",
"aspectRatio": {
"height": 630,
"width": 1200
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreicsuxnhyrdlvkqoqpftgz7hvzxtxdz3qkfvvamnsbdgrf7mheaocy"
},
"mimeType": "image/jpeg",
"size": 71731
}
},
{
"$type": "app.offprint.block.text",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://rauno.me/"
}
],
"index": {
"byteEnd": 28,
"byteStart": 14
}
}
],
"plaintext": "This essay by Rauno Freiberg is on the longer side but definitely worth the read. Complete with examples of interactions both with interfaces and the real world counterparts we model metaphors after, Rauno gets into the details of why we have them, what makes them great, and what makes them fail."
},
{
"$type": "app.offprint.block.text",
"plaintext": "What sets it apart is how Rauno dissects specific patterns such as when swipe gestures should trigger, why high-frequency interactions shouldn’t animate, and how motion communicates spatial relationships."
},
{
"$type": "app.offprint.block.button",
"alignment": "left",
"href": "https://rauno.me/craft/interaction-design",
"text": "read ➞"
},
{
"$type": "app.offprint.block.heading",
"level": 2,
"plaintext": "stay curious"
},
{
"$type": "app.offprint.block.text",
"plaintext": "via pedro"
},
{
"$type": "app.offprint.block.heading",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#bold"
}
],
"index": {
"byteEnd": 58,
"byteStart": 5
}
}
],
"level": 2,
"plaintext": "1 — a monolithic camera that only shoots 9 second videos"
},
{
"$type": "app.offprint.block.image",
"alignment": "center",
"aspectRatio": {
"height": 630,
"width": 1200
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreib6obi2siwouqwhccuxstd5vbhx4frer3uziuukncusoqguwt4aam"
},
"mimeType": "image/jpeg",
"size": 41321
}
},
{
"$type": "app.offprint.block.text",
"plaintext": "Kyu is an imaging brand based in Japan that is on a mission to \"make memory-keeping an art, beautifully sustainable and deeply meaningful.\" So, they created a minimalistic pocket camera with a single button that only captures 9 seconds of video, and a hard limit of only 27 videos allowed per day. It's meant to evoke a feeling of \"intention\" whenever you capture something, compared to using your smartphone for example."
},
{
"$type": "app.offprint.block.button",
"alignment": "left",
"href": "https://kyu-core.com/en/",
"text": "explore ➞"
},
{
"$type": "app.offprint.block.heading",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#bold"
}
],
"index": {
"byteEnd": 50,
"byteStart": 5
}
}
],
"level": 2,
"plaintext": "2 — a perfume that smells like...a newborn baby?"
},
{
"$type": "app.offprint.block.image",
"alignment": "center",
"aspectRatio": {
"height": 630,
"width": 1200
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreiacuk7k74hed46swpjcjw7qctjliwauaxlf2gyf5f5w5w23gdvivy"
},
"mimeType": "image/jpeg",
"size": 36198
}
},
{
"$type": "app.offprint.block.text",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://scentfest.co.jp/"
}
],
"index": {
"byteEnd": 212,
"byteStart": 199
}
}
],
"plaintext": "I'm not a huge fragrance kinda guy compared to Taurean (there is only one cologne that has captured my heart that I use exclusively) HOWEVER, I came across this article about a Japanese startup name Scent Fest Co. that really caught my eye."
},
{
"$type": "app.offprint.block.text",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#italic"
}
],
"index": {
"byteEnd": 156,
"byteStart": 153
}
}
],
"plaintext": "They spent the last six years researching how to recreate the scent of a newborn baby in a bottle that you can actually buy. As for the motivation as to why, CEO Mamiko Ozaki mentions \"From my own parenting experience, newborns cry constantly, which can be frustrating for parents...but at the same time, they emit a good smell as if to send the message, ‘Be gentle with me,’ which I think makes it possible for us to care for them.\""
},
{
"$type": "app.offprint.block.button",
"alignment": "left",
"href": "https://www.tokyoweekender.com/health-and-beauty/newborn-baby-scent-perfume-japan/",
"text": "explore ➞"
},
{
"$type": "app.offprint.block.heading",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#bold"
}
],
"index": {
"byteEnd": 56,
"byteStart": 5
}
}
],
"level": 2,
"plaintext": "3 — how we went from stones tools to quantum computing"
},
{
"$type": "app.offprint.block.image",
"alignment": "center",
"aspectRatio": {
"height": 630,
"width": 1200
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreicgzahsv47flefcp4dd3arbjtzlb4qoshx56o4kw4exvyawofvgae"
},
"mimeType": "image/jpeg",
"size": 118044
}
},
{
"$type": "app.offprint.block.text",
"plaintext": "Have you ever thought to yourself \"how did we go from making fire to having AI chatbots in our pockets?\" Well do I have a great site for you. I came across this site that literally shows how every technological advancement in humankind all link together. If you're a fan of the Civilization game series, this brings the tech tree to an entirely new level."
},
{
"$type": "app.offprint.block.button",
"alignment": "left",
"href": "https://www.historicaltechtree.com/",
"text": "explore ➞"
},
{
"$type": "app.offprint.block.horizontalRule"
},
{
"$type": "app.offprint.block.heading",
"level": 2,
"plaintext": "updates"
},
{
"$type": "app.offprint.block.bulletList",
"children": [
{
"content": {
"$type": "app.offprint.block.text",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://www.youtube.com/watch?v=mw4qZzjU5k4&feature=youtu.be"
}
],
"index": {
"byteEnd": 170,
"byteStart": 145
}
}
],
"plaintext": "we had a great come back virtual meet this september featuring Jon Hargreaves! if you're interested in what it takes to become a design founder, check out the replay here that's available on our YouTube channel."
}
},
{
"content": {
"$type": "app.offprint.block.text",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://www.are.na/three-three/august-2025-archive"
}
],
"index": {
"byteEnd": 96,
"byteStart": 61
}
}
],
"plaintext": "our Are.na based archive is still going strong. You can view last month’s archive channel here."
}
},
{
"content": {
"$type": "app.offprint.block.text",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://www.stevecrosby.com/"
}
],
"index": {
"byteEnd": 12,
"byteStart": 0
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://internetfriends.llc/"
}
],
"index": {
"byteEnd": 32,
"byteStart": 16
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://luma.com/db46lp0h"
}
],
"index": {
"byteEnd": 84,
"byteStart": 71
}
}
],
"plaintext": "Steve Crosby of Internet Friends will be presenting for us in October! Don't miss it."
}
},
{
"content": {
"$type": "app.offprint.block.text",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#bold"
}
],
"index": {
"byteEnd": 66,
"byteStart": 0
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://bsky.app/profile/3-3.fyi"
}
],
"index": {
"byteEnd": 209,
"byteStart": 202
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "mailto:inbox@3-3.fyi?subject=Presenting%20Help%3F"
}
],
"index": {
"byteEnd": 218,
"byteStart": 213
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://docs.google.com/forms/d/e/1FAIpQLScpE0cd5Z6nlXStaYHjObvFSqOgciUzq1RFc-IAB09dvFZaBA/viewform?usp=sharing"
}
],
"index": {
"byteEnd": 299,
"byteStart": 262
}
}
],
"plaintext": "Considering presenting in November? We need volunteers, reach out! You can present something you find interesting, something you're working on, or just seed a discussion you want to have. Reach out via bluesky or email for questions or support. Otherwise, share your idea with us via the google form!"
}
}
]
},
{
"$type": "app.offprint.block.heading",
"level": 3,
"plaintext": "from the community:"
},
{
"$type": "app.offprint.block.text",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://bsky.app/profile/marktomlinson.bsky.social/post/3lzqha2jb4s2s"
}
],
"index": {
"byteEnd": 47,
"byteStart": 0
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://depth.metalabel.com/record_xvzokx9s6h78ez378?variantId=2"
}
],
"index": {
"byteEnd": 97,
"byteStart": 49
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://bsky.app/profile/paulch.in/post/3lz34q3y32k2k"
}
],
"index": {
"byteEnd": 143,
"byteStart": 99
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://bsky.app/profile/jonhargreaves.bsky.social/post/3lyyhut2p422y"
}
],
"index": {
"byteEnd": 210,
"byteStart": 149
}
}
],
"plaintext": "Mark Tomlinson prepares for releasing sugarcube, Akshara Dash publishes a fragrance-inspired zine, Paul Chin answers questions about his new EP, and Jon Hargreaves gets ready to launch Fathom onto the App Store."
},
{
"$type": "app.offprint.block.horizontalRule"
},
{
"$type": "app.offprint.block.text",
"plaintext": ""
},
{
"$type": "app.offprint.block.text",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#bold"
}
],
"index": {
"byteEnd": 26,
"byteStart": 0
}
}
],
"plaintext": "Summer is officially over! The leaves may be changing and the weather may be getting colder but we are back to seeing each other again. Thanks so much for continuing to be a part of this community. Can't wait to see you in October."
},
{
"$type": "app.offprint.block.text",
"plaintext": ""
},
{
"$type": "app.offprint.block.horizontalRule"
},
{
"$type": "app.offprint.block.text",
"facets": [
{
"features": [
{
"$type": "app.offprint.richtext.facet#bold"
}
],
"index": {
"byteEnd": 19,
"byteStart": 0
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://bsky.app/profile/3-3.fyi"
},
{
"$type": "app.offprint.richtext.facet#underline"
}
],
"index": {
"byteEnd": 27,
"byteStart": 20
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://lu.ma/three-and-three"
},
{
"$type": "app.offprint.richtext.facet#underline"
}
],
"index": {
"byteEnd": 37,
"byteStart": 32
}
},
{
"features": [
{
"$type": "app.offprint.richtext.facet#link",
"uri": "https://www.youtube.com/@3-and-3"
},
{
"$type": "app.offprint.richtext.facet#underline"
}
],
"index": {
"byteEnd": 49,
"byteStart": 42
}
}
],
"plaintext": "✌ Pedro & Taurean\nbluesky ✦ lu.ma ✦ youtube"
},
{
"$type": "app.offprint.block.text",
"plaintext": ""
}
]
},
"coverImage": {
"$type": "blob",
"ref": {
"$link": "bafkreih5k2jiqoeozg2oj3a75ymn34i66cy3ax3egac2h6cte7zfgeo764"
},
"mimeType": "image/jpeg",
"size": 88241
},
"description": "The September Edition",
"path": "/a/3mo2m3rxy2g23-issue-007",
"publishedAt": "2025-09-30T05:00:00+00:00",
"site": "at://did:plc:hsh4dq2dskqs2qxaxfpkelm5/site.standard.publication/3mi2zwmczuj27",
"textContent": "Welcome to the September newsletter. Upgrade your typography, peruse the history of inventions, and help us make 3&3 better. Do you remember...\nstay ready\nvia taurean\n1 — utopia\nI’m a heavy utopia user, it’s been my go-to method for defining text sizes and spacing since I first came across it a few years ago. For the designers, we are still largely working within static design tools but that doesn't match the context of the web or many apps. Rather than designing for one specific \"ideal\" breakpoint, utopia gives you a framework for designing the extremes. If you take care of the largest and smallest instances, utopia allows you to let the system take care of itself in between. Utopia gives you some tools for type scales, grids, and spacing tokens but it's more of an idea than a coding framework. You can read more about designing with Utopia by James Gilyead or developing with Utopia by Trys Mudford.\n2 — typeverything\nFounded by Andrei Robu, Typeverything has been producing a great collection of typefaces since 2011. There are a ton of great options here for all kinds of contexts. Plenty of their typefaces also include a variable font file.\n3 — invisible details in interaction design\nThis essay by Rauno Freiberg is on the longer side but definitely worth the read. Complete with examples of interactions both with interfaces and the real world counterparts we model metaphors after, Rauno gets into the details of why we have them, what makes them great, and what makes them fail.\nWhat sets it apart is how Rauno dissects specific patterns such as when swipe gestures should trigger, why high-frequency interactions shouldn’t animate, and how motion communicates spatial relationships.\nstay curious\nvia pedro\n1 — a monolithic camera that only shoots 9 second videos\nKyu is an imaging brand based in Japan that is on a mission to \"make memory-keeping an art, beautifully sustainable and deeply meaningful.\" So, they created a minimalistic pocket camera with a single button that only captures 9 seconds of video, and a hard limit of only 27 videos allowed per day. It's meant to evoke a feeling of \"intention\" whenever you capture something, compared to using your smartphone for example.\n2 — a perfume that smells like...a newborn baby?\nI'm not a huge fragrance kinda guy compared to Taurean (there is only one cologne that has captured my heart that I use exclusively) HOWEVER, I came across this article about a Japanese startup name Scent Fest Co. that really caught my eye.\nThey spent the last six years researching how to recreate the scent of a newborn baby in a bottle that you can actually buy. As for the motivation as to why, CEO Mamiko Ozaki mentions \"From my own parenting experience, newborns cry constantly, which can be frustrating for parents...but at the same time, they emit a good smell as if to send the message, ‘Be gentle with me,’ which I think makes it possible for us to care for them.\"\n3 — how we went from stones tools to quantum computing\nHave you ever thought to yourself \"how did we go from making fire to having AI chatbots in our pockets?\" Well do I have a great site for you. I came across this site that literally shows how every technological advancement in humankind all link together. If you're a fan of the Civilization game series, this brings the tech tree to an entirely new level.\n\n---\nupdates\n- we had a great come back virtual meet this september featuring Jon Hargreaves! if you're interested in what it takes to become a design founder, check out the replay here that's available on our YouTube channel.\n- our Are.na based archive is still going strong. You can view last month’s archive channel here.\n- Steve Crosby of Internet Friends will be presenting for us in October! Don't miss it.\n- Considering presenting in November? We need volunteers, reach out! You can present something you find interesting, something you're working on, or just seed a discussion you want to have. Reach out via bluesky or email for questions or support. Otherwise, share your idea with us via the google form!\n\nfrom the community:\nMark Tomlinson prepares for releasing sugarcube, Akshara Dash publishes a fragrance-inspired zine, Paul Chin answers questions about his new EP, and Jon Hargreaves gets ready to launch Fathom onto the App Store.\n\n---\n\nSummer is officially over! The leaves may be changing and the weather may be getting colder but we are back to seeing each other again. Thanks so much for continuing to be a part of this community. Can't wait to see you in October.\n\n\n---\n✌ Pedro & Taurean\nbluesky ✦ lu.ma ✦ youtube",
"title": "Issue 007"
}