{
    "version": "https://jsonfeed.org/version/1.1",
    "title": "Jonathan Stephens - Garden JSON",
    "home_page_url": "https://jonathanstephens.us",
    "feed_url": "https://jonathanstephens.us/garden/feed",
    "description": "All writings I'm growing in my digital garden",
    "authors": [
        {
            "name": "Jonathan Stephens",
            "url": "https://jonathanstephens.us"
        }
    ],
    "language": "en",
    "items": [
        {
            "id": "https://jonathanstephens.us/journal/question-for-senior-product-manager-growth-at-wallapop",
            "url": "https://jonathanstephens.us/journal/question-for-senior-product-manager-growth-at-wallapop",
            "title": "Question for Senior Product Manager (Growth) at Wallapop",
            "content_html": "<p>I have a quite a few examples of where I worked on user growth by owning the strategy and roadmap for acquisition and activation. I led the Growth &amp; Localization organization at Booking.com where I was focused on a broad portfolio of product teams focused on accelerating growth through focused interventions in specific markets and domains—search, maps, geo, families, content conversion, and each of the markets Booking.com was focused on developing further through Localization. All this done in iterative experimentation focused on conversion optimization, reducing customer churn, and addressing discovered customer needs. </p>\n<p>However, the story I want to tell is focused on my time leading the Accommodation Partner Native Apps Platform organization where we tripled the amount of partners using the native app—from 500k to 1.5M+—and increasing daily active usage to 77.3%. </p>\n<p>To achieve our goals, I developed a long term organizational strategy—spoke &amp; hub organization with my platform teams and technical leads as the center spoke. This collaborative leadership infrastructure actively aligned cross-departmental individual contributors community with leads—growing from 1-&gt;15 teams during my tenure across five departments (I <em>directly</em> managed three, inclusive of the Leads). </p>\n<p>To enable &amp; facilitate that growth—500k to 1.5M+—we had to fundamentally address longer term technical &amp; product debt. After developing the organizational foundations, I gathered my leadership team and we defined the product direction for the upcoming years, fully focused on enabling growth through strategic, foundational changes to the application. </p>\n<p>As a result, over the next year, we completed key initiatives that utilized the cross-departmental and cross-functional communities of practice, as well as pivoting my own team's product foci for deliberate investment. These key initiatives were:</p>\n<ul>\n<li>Enabled one account to have multiple accommodations attached (property managers have significantly different needs than single hotels);</li>\n<li>Delivered 1+ billion push notifications, transaction notifications delivered in under 30 seconds, scaling infrastructure to handle 70% of daily activity across 1.3 million properties;</li>\n<li>Simplified reservation management for the more diverse set of accommodation partners (single property owners vs. hotels vs. ryokans, etc.);</li>\n<li>Automated and created ability for canned responses to ease customer communication processes with 86% partners enthusiastically rating as excellent;</li>\n<li>Implemented an improved design system while developing a thin-client front-end delivery for applications to accelerate product development life-cycle (moving idea-&gt;implementation-&gt;testing-&gt;results timeline being measured in weeks to days).</li>\n<li>Grew cross-platform parity between Web, API's, and Native Apps through improved interoperability, community projects, influential leadership, and high-impact prioritization.</li>\n<li>Improved partner satisfaction from 79% to 87% of the iOS and Android applications while increasing daily active properties from 65% to 79%.</li>\n</ul>\n<h2>Cover Letter</h2>\n<p>Dear Wallapop Hiring Team,<br />\nMy wife sent me this role the moment she found it. After reading the job description, researching the company, and understanding where Wallapop is headed, I knew she was right. The Growth Product Manager role sits at the exact intersection of what I do, what I believe, and where I want to build next.</p>\n<p>I believe I'd be a strong addition for three reasons: </p>\n<ul>\n<li>a track record of driving measurable growth through rigorous experimentation and data-informed iteration; </li>\n<li>deep experience building the organizational conditions that make sustained product growth possible at scale; and </li>\n<li>years of designing and shipping products for global markets where localization is a core part of the product strategy.</li>\n</ul>\n<p>Growth comes from building the conditions that cultivate it: cultures of experimentation, organizational design that enables velocity, and institutional knowledge built through continuous learning. As Booking.com scaled from 390k properties and 6k employees to 2.3M properties and 22k employees, I led the product organizations driving that growth—tripling a partner platform from 500k to 1.5M+ properties, achieving 35% year-over-year active property growth, and pushing daily active usage to 79%.</p>\n<p>Those product outcomes were only possible because of the organizational foundations underneath them. At Booking.com I designed a spoke-and-hub model that scaled from 1 to 15 teams across five departments, built cross-functional communities of practice that kept alignment without creating bottlenecks, and cultivated 40+ promotions across six years. At Poet &amp; Scribe, I've carried that same approach into consultancy—helping teams untangle what isn't working and build the product foundations that make scaling possible.</p>\n<p>Building products for global markets means deeply understanding how people in different contexts think, transact, and trust while designing for that from the start. Leading Booking.com's Growth &amp; Localization organization, we built a copy experimentation tool that let localization copywriters run experiments independently, no developer or designer time required,  dramatically accelerating experiment velocity. We also expanded into Latin America by adding Argentine Spanish as Booking.com's 43rd language, understanding that the right product experience in a new market requires far more than translation.</p>\n<p>What draws me to Wallapop goes beyond the role itself. Early in my career I worked at North Carolina's Department of Environment and Natural Resources on sustainability education and outreach. At Booking.com, I advised a startup through the Booking Cares accelerator (focused on sustainable travel) that won first prize and €10,000. The circular economy isn't a new idea for me. It's a throughline. </p>\n<p>My wife is Catalan, and Barcelona is where we want to build our lives — closer to her family, the language, the culture. Finding a role that brings all of this together, at this moment in Wallapop's growth story, isn't something I take lightly.</p>\n<p>I'd love the opportunity to discuss how my background in growth, product leadership, and building for global markets can contribute to what Wallapop is building next. I'm confident I'd hit the ground running and genuinely excited about what we could build together.</p>\n<p>Sincerely,<br />\nJonathan Stephens</p>",
            "date_published": "2026-04-11T00:00:00-04:00",
            "tags": [
                "Application Questions",
                "Senior Product Manager",
                "Job Application"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/the-reversible-composition-pyramid",
            "url": "https://jonathanstephens.us/journal/the-reversible-composition-pyramid",
            "title": "The Reversible Composition Pyramid",
            "content_html": "<p>For a newspaper:</p>\n<ul>\n<li>section </li>\n<li>hed</li>\n<li>dek</li>\n<li>lede </li>\n<li>nutgraf </li>\n<li>grafs (n+1)</li>\n<li>kicker</li>\n</ul>\n<p>For depth of information on a website:</p>\n<ul>\n<li>$first-level</li>\n<li>hed </li>\n<li>dek </li>\n<li>lede</li>\n<li>nutgraf </li>\n<li>grafs (n+1)</li>\n<li>call to action</li>\n</ul>\n<p>What sort of information to you expose, and when? And how? </p>\n<p>It an expandable model of content development that emerges. Also, in exercises, it becomes lists of lists. How much should you contextualize in a moment, or in the other person's information-seeking journey? </p>\n<p>It works like a newspaper...but, the thing is, the web doesn't have the tactile, physical aspects newspaper, and the print medium, have. That comes with specific affordances, derived by its method of communication and means of production. </p>\n<p>What we <em>do</em> have, on the web, are thresholds of relevant information needed at scanning levels.</p>",
            "date_published": "2026-04-10T00:00:00-04:00",
            "tags": [
                "Information Architecture",
                "URL Design",
                "Content Design",
                "Thresholds",
                "Boundaries"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/information-popup",
            "url": "https://jonathanstephens.us/journal/information-popup",
            "title": "Information Popup",
            "content_html": "<p>On click, a simple dialog appears to explain an aspect of the digital garden—or, at least, a pattern to easily explain bits of the garden. </p>\n<h2>Header Icons</h2>\n<h3>Dialogs</h3>\n<ul>\n<li>(i), an information icon. This would explain the digital garden concept, with wayfinding guides on potential pathways. </li>\n<li>(:wave:), an icon for \"hello\". This would be a welcome message to anyone visiting the site, with links to further reading. </li>\n<li>(:gear:), settings. For light/dark mode, color changes, etc. But, for now, just light/dark mode works, and link accessibility/privacy/terms statements. </li>\n</ul>\n<h3>Navigation</h3>\n<ul>\n<li>(:hamburger:), navigation. This opens the full screen site navigation.</li>\n</ul>",
            "date_published": "2026-04-05T00:00:00-04:00",
            "tags": [
                "Idea",
                "Site Idea",
                "Digital Garden",
                "Navigation",
                "Wayfinding"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/questions-for-director-product-management-at-duckduckgo",
            "url": "https://jonathanstephens.us/journal/questions-for-director-product-management-at-duckduckgo",
            "title": "Questions for Director, Product Management at DuckDuckGo",
            "content_html": "<h2>What is it about DuckDuckGo and this role that interests you?</h2>\n<p>DuckDuckGo is one of my favorite browsers, for it's privacy standards and how it goes about things (also <em>very</em> fun branding with Dax Brown &amp; logo easter eggs). I'd love to help develop &amp; strengthen a company's suite of products focused on privacy, the web, and globally, diverse, and inclusive team. I especially like the DRI idea for responsibility and accountability, along with advisory roles &amp; employee \"boards\" or support. </p>\n<p>I believe in the web, and an open internet. Explicitly one that respects individual's privacy through a more consent-focused model. While I also have experimented and worked using Generative AI models in various professional &amp; personal projects, appreciate your NoAI subdomain to make an easy-to-access tool that simplifies the search in excluding such. The alignment of company values to products is an important aspect that interests me in the company itself (let alone what that can mean for what products to develop/manage!). </p>\n<h2>Asking questions is an important part of our culture, so we’d like to give you an opportunity to ask any immediate questions you might have for us below.</h2>\n<ul>\n<li>What product area—horizontal, vertical, platforms, etc—would this role be focused on?</li>\n<li>How is your culture of trust embedded into company's processes, products, and performance management?</li>\n<li>Would this be for a Functional or Objective Team/Organization? </li>\n<li>You say performance expectations are transparent—how so? To what extent?</li>\n</ul>\n<h2>Have you held a leadership role responsible for significantly growing a b2c product (e.g., increasing app downloads/installs, driving daily/weekly/monthly active users, growing subscribers)? Can you briefly describe that role, your responsibilities, and your impact?</h2>\n<p>Yes. For a good part of my career, I was responsible for the development, delivery, quality, and performance of B2C and B2B cross-functional organizations—Growth &amp; Localization, Accommodation Partner Platforms, and Partner Native Apps at Booking.com. Throughout that time, I managed 4–15 teams directly, comprised of 30~100 people of different disciplines—designers, developers, quality specialists, data scientists, team leads, craft leads—as a manager of managers. Each had their own business objectives of diverse variety. </p>\n<p>Specifically, increasing downloads and driving daily active users was the mobile native platform. We tripled the amount of partners using the application—from 500k to 1.5M+ and increasing daily active usage to 77.3%. </p>\n<h2>Can you give me us a brief example of a long-term strategy or product direction you led that had measurable business impact?</h2>\n<p>I began telling the story above. I'll continue here. </p>\n<p>During my time with the Partner Native Apps, I developed a long term organizational strategy—spoke &amp; hub organization with my platform/leads team as the center spoke. I aligned the cross-departmental individual contributors community with leads—growing from 1-&gt;15 teams during my tenure. </p>\n<p>After setting the foundations, I gathered my leadership team and we defined the product direction for the next year, focused on enabling growth through fundamental changes to the application. </p>\n<p>During that time we:</p>\n<ul>\n<li>Enabled one account to have multiple accommodations attached (property managers have significantly different needs than single hotels) facilitating the 500k to 1.5M+ properties using the platform;</li>\n<li>Delivered 1+ billion push notifications, transaction notifications delivered in under 30 seconds, scaling infrastructure to handle 70% of daily activity across 1.3 million properties;</li>\n<li>Simplified reservation management for the more diverse set of accommodation partners (single property owners vs. hotels vs. ryokans, etc.);</li>\n<li>Automated and created ability for canned responses to ease customer communication processes with 86% partners enthusiastically rating as excellent; </li>\n<li>Implemented an improved design system while developing a thin-client front-end delivery for applications to accelerate product development life-cycle (moving idea-&gt;implementation-&gt;testing-&gt;results timeline being measured in weeks to days).</li>\n</ul>\n<h2>Tell us about a time you had to get buy-in for a major product decision or strategy that faced pushback. What was your approach?</h2>\n<p>While I was leading the Growth &amp; Localization B2C organization for Booking.com, there was a project called the \"Copy Experimentation Tool\" that would enable copywriters to run their own A/B experiments without needing support &amp; hours from developers or designers to implement. This was critical for Localization as our guiding principle was to make the global feel local—especially with language. </p>\n<p>I was routinely challenged by my manager and peers at the time &amp; investment it took to create the tool and bring it into full development (my team was developing it internally for use across the company). Each time, I would come back to the data and outsized impact copy experiments continuously had on the bottom line (conversion optimization, customer service ticket reduction, etc). The return-on-investment of developing the tool would continue facilitating that impact while giving developers more time for other product development needs &amp; work. </p>\n<p>I also listened to their concerns—what were we dropping or not doing instead? If it's so impactful why isn't there a team focused on that (this was proving the concept for further investment in a team if needed as well). We developed the testing iteratively, in collaboration with others, and showed its impact.</p>",
            "date_published": "2026-04-04T00:00:00-04:00",
            "tags": [
                "Job Application",
                "Application Questions"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/my-question-for-amy-santee",
            "url": "https://jonathanstephens.us/journal/my-question-for-amy-santee",
            "title": "My Question for Amy Santee",
            "content_html": "<p>Am I constantly getting rejected because I'm applying to things I'm seen as \"overqualified\" for?</p>",
            "date_published": "2026-04-01T00:00:00-04:00",
            "tags": [
                "Job Search"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/study-in-grad-school",
            "url": "https://jonathanstephens.us/journal/study-in-grad-school",
            "title": "Things I'd like to study in grad school",
            "content_html": "<h2>Leadership Development Stages</h2>\n<p>Specifically, the stressful points of transitioning through. Noticing the signs of when, and developing a clear framework to aid in recognition. </p>\n<h2>Folksonomic Design Systems</h2>\n<p>Exploring taxonomy through a folksonomy lens and how that develops various systems of design: brand, identity, tokens, code, architecture, etc. What are the relations—how do they evolve?</p>\n<h2>Writing</h2>\n<p>This is more general, but I want to get better. It could be around:</p>\n<ul>\n<li>science communication;</li>\n<li>history. </li>\n</ul>\n<h2>Web Design</h2>\n<p>Specifically figuring out a way to encompass all the challenges of what web design is compared to other artifact types, e.g. print, video, space, etc. </p>\n<p>There are visible, accessible, physical constraints to each. </p>\n<p>Not so much when designing things for web.</p>",
            "date_published": "2026-04-01T00:00:00-04:00",
            "tags": [
                "Study",
                "Grad School"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/parting",
            "url": "https://jonathanstephens.us/journal/parting",
            "title": "Parting",
            "content_html": "<blockquote>\nOf all the money that e'er I had\nI spent it in good company\nAnd all the harm I've ever done\nAlas it was to none but me\nAnd all I've done for want of wit\nTo mem'ry now I can't recall\nSo fill to me the parting glass\nGood night and joy be to you all\n<p>So fill to me the parting glass<br />\nAnd drink a health whate'er befall,<br />\nAnd gently rise and softly call<br />\nGood night and joy be to you all</p>\n<p>Of all the comrades that e'er I had<br />\nThey're sorry for my going away<br />\nAnd all the sweethearts that e'er I had<br />\nThey'd wish me one more day to stay<br />\nBut since it falls unto my lot<br />\nThat I should rise and you should not<br />\nI gently rise and softly call<br />\nGood night and joy be to you all</p>\n<p>If I had money enough to spend<br />\nAnd leisure time to sit awhile<br />\nThere is a fair maid in this town<br />\nThat sorely has my heart beguiled.<br />\nHer rosy cheeks and ruby lips<br />\nI own she has my heart in thrall<br />\nThen fill to me the parting glass<br />\nGood night and joy be with you all.</p>\n<p>A man may drink and not be drunk<br />\nA man may fight and not be slain<br />\nA man may court a pretty girl<br />\nAnd perhaps be welcomed back again<br />\nBut since it has so ought to be<br />\nBy a time to rise and a time to fall<br />\nCome fill to me the parting glass<br />\nGood night and joy be with you all<br />\nGood night and joy be with you all</p>\n</blockquote>",
            "date_published": "2026-03-31T00:00:00-04:00",
            "tags": [
                "Lyrics",
                "Favorite Song",
                "Goodbye",
                "Parting",
                "Gezelligheid",
                "Drinking Culture",
                "Sharing Space",
                "Drinking Together"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/rebuilding-identity",
            "url": "https://jonathanstephens.us/journal/rebuilding-identity",
            "title": "Rebuilding Identity",
            "content_html": "<p>Over the past years—ever since I discovered my neurodivergence and took time off work on a long-term burnout leave (can read about in my Chrysalis essays, parts <a href=\"https://jonathanstephens.us/essays/chrysalis\">one</a> and <a href=\"https://jonathanstephens.us/essays/chrysalis-part-two\">two</a>—I've been figuring out various new identities that I became all at once and very quickly.</p>\n<p>I even call it out in Chrysalis Part Two, back in 2021:</p>\n<blockquote>\n<p>When in chrysalis, everything that made that caterpillar a caterpillar has been breaking down into a sort of caterpillar goop. I can’t describe my state throughout this period of time as anything but being a big pile of Jonathan-goop.</p>\n</blockquote>\n<p>A lot of those identities became new to me, as an individual:</p>\n<ul>\n<li>Husband</li>\n<li>ADHD</li>\n<li>Aphantasic</li>\n<li>Autistic</li>\n<li>Dyscalcic</li>\n<li>Hyperlexic</li>\n<li>Neuroqueer</li>\n</ul>\n<p>As well as developing them via through more professional avenues:</p>\n<ul>\n<li>Entrepreneur, with <a href=\"https://poetandscribe.com\">Poet &amp; Scribe</a>, currently in iteration 4.0 of identity design;</li>\n<li>Writer, with <a href=\"https://substack.com/jonathanstephens\">500 Words</a>, my new defunct Substack newsletter, and <a href=\"https://craftandpractice.com\">Craft &amp; Practice</a>, my current Buttondown newsletter;</li>\n<li>Employee, via <a href=\"https://linkedin.com/in/elnatnal\">LinkedIn</a>, for communicating my squiggly professional career while job searching in the market the way it is;</li>\n<li>as well as my actual paid-work with Strategi, the Space Force, and Trailmarks. </li>\n</ul>\n<p>I went to a group coaching the other week and asked, \"How do you choose?\" and then, when you do choose, \"How do you choose...again?\" because one decision immediately branches into multiple more choices that need even <em>more</em> decisions. </p>\n<p>I'm finding a lot of that, meta-wise, boils down into a more something more fundamental. </p>\n<p>It's less about <em>just</em> making a choice, but continuing the journey of my journey into Chrysalis, that came about in 2020. I've been searching for the new frame, or at least a framing that can encompass all these bits and bobs. </p>\n<h2>Identity as a Practice</h2>\n<p>This is something that's been knocking around my head for a while now—actually going in on identity design. I find a <em>lot</em> of immature and underdeveloped identity work in the design field. There's loads that say \"we have logos, colors, and the shapes we use\" without any <em>actual</em> guide on the work, meaning, or story behind the <em>why</em> of these things.</p>\n<p>The power of a change or refresh of typography can be a massively impactful thing. As can developing &amp; maturing a company's branding and <em>identity</em>.</p>\n<p>I think that's one of the things that irks me in the differentiation of branding and identity. </p>\n<p><em>Branding</em> is the stuff on the outside. The word, itself, comes from the act of taking red-hot, fancy-shaped metal, stamping-on and burning flesh—scarring. Becoming a brand. Saying: I own this, this is <em>mine</em>. </p>\n<p><em>Identity</em> feels deeper, more holistic. It's less static. It's about communication, processes, figuring out what works best for <em>your</em> specific circumstance. It's about reflection, naming, and guiding how things are made. </p>\n<h2>Evolving Identity</h2>\n<p>The past half-decade's been spent in this space—personally and professionally. Not sure my frame's yet fully formed, but I'm gettin' there. </p>\n<p>It would be a very nice second service offering for Poet &amp; Scribe, focusing on identity. </p>\n<p>With <a href=\"https://jonathanstephens.us/journal/service-principles-values\">Principles &amp; Values</a>, it would pair nicely. It's a part of the larger Identity work when starting an engagement that <em>would</em> be part of a \"re-branding\" effort. </p>\n<p>The first, Principles &amp; Values, lays the foundations—tilling the soil, then seeding, caring, then rooting them. </p>\n<p>The second, Branding &amp; Identity, is the more complex, multifaceted, identity work that grows <em>from</em> these principles and values—demonstrated in the circulatory and respiratory systems of the company.</p>\n<p>The third—Systems &amp; Structures, what I'll call organizational service design (for now)—is the much more difficult work of gluing all those pieces together. It's a messy mix of coworker, client, customer experience designs. All interconnected and interwoven.</p>\n<h2>Making a Matrix</h2>\n<p>That leads us here. </p>\n<ol>\n<li>The <em>why</em>: Principles &amp; Values</li>\n<li>The <em>who</em>: Branding &amp; Identity</li>\n<li>The <em>how</em>: Systems &amp; Structures</li>\n</ol>\n<p>These are the questions that interest me: the who, why, and how. </p>\n<p>The <em>what</em> is variable—for myself, and for potential clients &amp; customers to work with.<br />\nThe <em>where</em> and <em>when</em> are contextual, depending a lot on every other question above.</p>\n<p>Each of these three also work at each scale of engagement:</p>\n<ol>\n<li>Individual</li>\n<li>Team</li>\n<li>Organization</li>\n</ol>\n<p>Ultimately creating a nice'n'tidy matrix of work:</p>\n<p>|  Scale       |  Principles &amp; Values <em>(Why)</em>      |  Branding &amp; Identity <em>(Who)</em>      |  Systems &amp; Structures <em>(How)</em>      |<br />\n| ------------- | ------------- |<br />\n| Individual | Leadership | ~Personal~ | ~Automation~ |<br />\n| Team | Relationship | Bonding | Subculture |<br />\n| Organization | Guiding | Naming | Doing |</p>",
            "date_published": "2026-03-28T00:00:00-04:00",
            "tags": [
                "Identity"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/transitioning-through-stages-of-leadership",
            "url": "https://jonathanstephens.us/journal/transitioning-through-stages-of-leadership",
            "title": "Transitioning through Stages of Leadership",
            "content_html": "<p>An aspect of leadership is understanding something needs to change and the thing that must is you. </p>\n<p>There aren't explicit Stages of Leadership like there are with Stages of Team Development. Disappointingly, the Stages of Team Development are, themselves, presented linearly when they're more non-linear ecosystemic data points of organizational health diagnostics. There's oscillation between stages as people join</p>\n<p>They scaffold conversations, creating space for humanity—connection, vulnerability, and communication.</p>\n<h2>What is your rate of growth?</h2>\n<p>Here're the scenarios where <em>I learned</em> how to understand the imppact of team development, building trust, and becoming a stronger, more flexible, adaptive improvisational leader. </p>\n<h3>Rate of Change</h3>\n<p>The rate of change directly impacts the team and organizational health, as well as your individual style &amp; stage of leadership. Are you in a team that's swapping out members:</p>\n<ul>\n<li>weekly?</li>\n<li>fortnightly?</li>\n<li>monthly?</li>\n<li>quarterly?</li>\n<li>seasonally?</li>\n<li>biannually?</li>\n<li>annually?</li>\n<li>biennially?</li>\n<li>triennially?</li>\n</ul>\n<p>Each and every one of these differ, drastically, in the broader organizational &amp; business needs. </p>\n<p>If you're adding a new teammate once every three years, you're going to encounter certain challenges with a very different time frame. </p>\n<h2>Adding a liittle'bit'o'context</h2>\n<p>Throw in a dash of situational leadership.</p>\n<h2>What got you here won't get you there</h2>\n<p>The tools and skills you learned to get where you are now are no longer effective and you need to learn a different way of doing things.</p>",
            "date_published": "2026-03-26T00:00:00-04:00",
            "tags": [
                "Stages of Leadership",
                "Stages of Team Development",
                "Improvisational Leadership",
                "Situational Leadership",
                "Move Slow and Bake Things"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/service-principles-values",
            "url": "https://jonathanstephens.us/journal/service-principles-values",
            "title": "A Service: Principles & Values",
            "content_html": "<p>This is one of our first exclusive services we offer at Poet &amp; Scribe. At least, what I hope and want to become one. </p>\n<p>We work with leaders who want to develop a list of their values and guiding principles as leaders—or as a team.</p>\n<h2>Leader Package</h2>\n<p>How do you communicate the work you do? What drives you? How do you frame your decision making to instill a sense of trust in not just the <em>how</em> you're spending your time, but the <em>why</em>. Deepen relationships through clearly communicating <em>who</em> you are as a leader by investing in the time to understand what you're doing? </p>\n<h3>Details</h3>\n<h3>Individual Package</h3>\n<ul>\n<li>Timespan: 3M/1Q (one performance cycle; one financial cycle; one service cycle)</li>\n<li>Cost: $5k – $25k/mo</li>\n<li>Why this price?<br />\nI like the accessibility of sliding scales. Also, the impact of figuring these things out scale as onen grows as a leader. A first-time manager has a very different impact of this than, say, a craft Director leading 20~500 people at a global, multi-million or -billion enterprise. </li>\n</ul>\n<h3>Team Package</h3>\n<ul>\n<li>Timespan: 3M/1Q</li>\n<li>Cost: $10k – $50k/mo</li>\n<li>Why this price?<br />\nAgain—sliding scales. However, a well working team is something that's invaluable and has lasting imact. By having these conversations as a team, it creates space for vulnerability &amp; relationship-building—as well as co-creating strategy from there out. How do you make decisions <em>as a team</em>? What are those guiding principles? </li>\n</ul>\n<p>You have corporate ones already—cool, great! We can use those as a grounding conversation point, delving deeper in how the team exhibits these values in everyday work. How can they be better ratified or built into the culture? Or we start there and build your own subculture's organinzational principles out of that, branching towards something unique. </p>\n<h3>Org Package</h3>\n<ul>\n<li>Timespan: 6M/1H</li>\n<li>Cost: $30k – $150k/mo</li>\n<li>Why this price?<br />\nThis is a deeper engagment. The longer it takes for understanding your organization, what you're going for, and who others are going for. It's a custom package that is determined by your team's need. </li>\n</ul>\n<h2>The Discovery Discount</h2>\n<ul>\n<li>Timespan: 1–3M</li>\n<li>Cost: $2k–$75k/mo</li>\n<li>Why this cost?<br />\nWe spend this time getting to know you, what you're needing, and how we might go about things. You'll walk away with a written proposal of what needs to be done in the next, longer engagement—priced above—or you can take that proposal and use it to help inform the organization's next move or to give to another to inform or build upon.</li>\n</ul>\n<p>This is half of each engagement's pricing above—in time and expense.</p>\n<h2>How this relates</h2>\n<p>Poet &amp; Scribe is, fundamentally, about the collision of two opposing lenses—yet shared. </p>\n<p>Both seek to document, preserve, and share.<br />\nBoth communicate with intentional language.<br />\nBoth inform how we share in the experience of being human. </p>\n<h2>Knock-on effects</h2>\n<p>If you go through an engagement and—likely—discover that the path to putting these principles &amp; values to practice is convoluted. </p>\n<p>We offer these three tiers as the challenge grows in complexity and time-to-see impact.</p>",
            "date_published": "2026-03-23T00:00:00-04:00",
            "tags": [
                "Poet & Scribe",
                "Pricing",
                "Service Offer",
                "Service",
                "Coaching",
                "Consulting",
                "Mentoring",
                "Teaching"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/iterating-on-my-site-s-content-structure",
            "url": "https://jonathanstephens.us/journal/iterating-on-my-site-s-content-structure",
            "title": "Iterating on my site's content & structure",
            "content_html": "<p>This site is my little space on the internet to do with as I wish, and I've been approaching it through the frame of digital gardening.</p>\n<p>An aspect of gardening is tending to it as weeds grow or things outgrow and need replanting. </p>\n<p>This is one of those thoughts/notes. </p>\n<h2>/about</h2>\n<p>Currently, this isn't reppresenting me properly, nor does it accurately tell the story I want to tell of myself. </p>\n<p>I've been writing a lot of these things for trying to get a job and figuring out what pepople would want to read hiring, but it's not serving me anymore. During this week's community coaching call with Sarah Watchter-Boetcher of Active Voice, she had posed the question to me: what would happen if you just did it? It echoed what Whitney Hess said—just need to decide and do it.</p>\n<p>These are the /abouts of others that I admire and would like to emulate:</p>\n<ul>\n<li><a href=\"https://hazelweakly.me/about\">Hazel Weakly</a></li>\n<li><a href=\"https://www.amysantee.com/about\">Amy Santee</a></li>\n<li><a href=\"https://danmall.com/about/\">Dan Mall</a></li>\n</ul>\n<p>Each of these have things in common of confidence, storytelling, personal, and professional. </p>\n<h3>Specifics</h3>\n<p>This means some things need to move places to align. </p>\n<ol>\n<li>Unique Selling Points -&gt; /work<br />\nIt makes much more sense there than /about. Better content alignment <em>and</em> de-emphasizes the portfolio side of things that I've put behind password entry. </li>\n<li>Values -&gt; /values</li>\n<li>Approach -&gt; /approach or /work/approach. </li>\n</ol>\n<h2>/work</h2>\n<p>Similarly, I want to build this up more. Things need to move around, but it needs to sound/be more confident in the sort of work I want to do. Things also need to move around here:</p>\n<ol>\n<li>Experience -&gt; /about, with a link to /about/experience for the longer details. </li>\n<li><em>New</em> Archive &amp; /work/archive<br />\nI have a lot of work that I've done throughout my professional career that I want to show and have a public archive of. It shows the variety of my work in a way that demonstrates the breadth &amp; depth. I've gotten quite a few of projects drafted for the archive but haven't built out that functionality in the content type to show appropriately. Right now, any <em>published</em> projects gets shown in the portfolio section. </li>\n</ol>\n<h2>/playground</h2>\n<p>This is a new page that shows off the things I'm building through play. </p>\n<p>These are small tools that I've vibe-coded in my experimentations with generative LLMs. Of which, I only use for helping me code. It'll be part of my Generative AI Statement, similar to my <a href=\"https://jonathanstephens.us/accessiblity\">Accessibilty Statement</a> and the <a href=\"https://jonathanstephens.us/terms\">Digital Garden Terms of Service</a>.</p>\n<p>It'd be part of my /work things to link to, but also to show how I've been doign things. It'd be part of the story to show for my /work and such, as it seems that almost <em>every</em> job advertisement says \"need to know AI\" or \"need to know how to use AI.\" While I have my own Ludditical beliefs—and challenges with the foundational issues of exploitative extraction and theft of natural &amp; creative resources—I feel that I can't <em>not</em> experiment in the sphere. </p>\n<p>I've made quite a few things in this realm that I do want to share, talk about, and link to:<br />\n-<a href=\"https://jonathanstephens.us/play/pasta/\">/play/pasta</a>: A simple pasta portion calculator using European portion sizes, pasta shapes, use types, etc. to help cook more appropriate sizes of pasta. </p>\n<ul>\n<li><a href=\"https://jonathanstephens.us/play/flywheel/\">/play/flywheel</a>: something I wanted to build for the longest time, but a flywheel generator to help build flywheels to generate conversation points with others, as we work through business challenges &amp; foci. Big thing from Booking.com Era. </li>\n<li><a href=\"https://jonathanstephens.us/play/leading/\">/play/leading</a>: a \"drop the font in\" tool to help define the best line-heights for that specific font at specific sizes and measures. </li>\n<li><a href=\"https://jonathanstephens.us/play/palette/dist/\">/play/palette/dist</a>: a palette generator that outputs accessible palette gradients with my <code>--lighest</code> to <code>--mid</code> to <code>--darkest</code> semantic gradient, as well as <code>.csv</code>'s of the accessible color pairings, <code>.svg</code>'s for copying/pasting into design programs, and color-mixing with the \"white\" and \"black\" of choice for more refined &amp; personalized palettes. </li>\n<li><a href=\"https://jonathanstephens.us/play/contrast-checker/\">/play/contrast-checker</a>: inspired by <a href=\"https://contrast-grid.eightshapes.com/\">Eight Shapes&#039; contrast grid tool</a>, except, it allows the colors to be tweaked &amp; refined to get the most amount of accessible color contrast ratios across the palette. </li>\n<li><a href=\"https://jonathanstephens.us/play/riso/\">/play/riso</a>: trying to replicate theh riso effect that, one day, I'd like to develop into an actual library and resource for others to use. I really like the patina of more physical printing mediums, and want to try and make that more accessible on the web. </li>\n<li><a href=\"https://jonathanstephens.us/play/scale/\">/play/scale</a>: this is a simple calculator with two modes—multiplication and scale. Specifically made as a tandem to James Gilyead's &amp; Trys Mudford's <a href=\"https://utopia.fyi/\">utopia.fyi</a>, but for seeing numbers that are a part of the scale but not in the +/-10 range that that tool's limited to. I try to keep sizes related to the typographic scale when designing, so having larger sizes for spacing rather than <em>just</em> typography is the goal. </li>\n<li><a href=\"https://jonathanstephens.us/play/share-palette/\">/play/share-palette</a>: this is a tool to give more details &amp; data into an <code>.svg</code> image, having all of the color data for <code>hexa</code>, <code>rgba</code>, <code>hsla</code>, <code>oklcha</code>, and <code>laba</code>, as well as their name's, alpha's, categories—all for identity system uses. Also includes exports of accessible contrast pairings across all the colors. </li>\n<li><a href=\"https://jonathanstephens.us/play/moses-harris/\">/play/moses-harris</a>: a color mixing tool to see how three colors mix together, using <a href=\"https://www.c82.net/natural-colors/\">Moses Harris&#039; 18th century color wheel</a>, applied to web color. </li>\n<li><a href=\"https://jonathanstephens.us/play/color-mixer/\">/play/color-mixer</a>: to test how different colors mix in different color spaces via hex-code.</li>\n<li><a href=\"https://jonathanstephens.us/play/color-converter/\">/play/color-converter</a>: a simple way to inpput a color and see the value in all the other web color spaces</li>\n</ul>\n<blockquote>\n<p>I ended up publishing this list as I finished writing it out, to go ahead and publish the page. This is now accessible in my footer navigation and at <a href=\"https://jonathanstephens.us/playground\">/playground</a>.</p>\n</blockquote>\n<h2>/sklls</h2>\n<p>This needs to be cleaned up for better wayfinding &amp; levels of curiosity/interest. </p>\n<p>Should be holistically inlusive of skills—\"hard\" and \"soft\", and how they map to each of my roles/experience. Perhaps a levelling and self reporting. Either way, that's a thing. </p>\n<h2>/for-hire</h2>\n<p>I want to write more clearly what I want my next roles to be. Right now, while I think it does well, it doesn't tell the full story (or link to the parts of the stories) to appropriately act as a landing page to send people to and link to. </p>\n<p>Clarity.</p>",
            "date_published": "2026-03-22T00:00:00-04:00",
            "tags": [
                "Iteration"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/podcast-wired-for-design",
            "url": "https://jonathanstephens.us/journal/podcast-wired-for-design",
            "title": "Podcast: Wired for Design",
            "content_html": "<p>Yesterday, I had a good conversation with <a href=\"https://www.linkedin.com/in/skipperchongwarson/\">Skipper Chong Warson</a>, founder &amp; product strategist of <a href=\"https://howthisworks.co\">How This Works co</a>. As shared our journeys, his driving insight was around how no one really talks with their customers, informing his primary lead offer of <a href=\"https://howthisworks.co/work/bullseye-customer-sprint\">Bullseye Customer Sprint</a>.</p>\n<p>It's a 3-phase 6-week package to hone in on purpose &amp; positioning for $15k. The first sprint sums the holistic bit nicely:</p>\n<blockquote>\n<p>Extract your team's assumptions about who you're building for, distilling them into a single critical question. Then, draft your Bullseye Customer one-liner: a specific role, at a specific company, with a specific trigger, using a current solution, but needing a different outcome.</p>\n</blockquote>\n<p>The conversation, as it digested, got me thinking...</p>\n<p><em>I haven't done this for myself.</em></p>\n<p>Yesterday, I attended another gathering, with the Job Seeker's Support Group in Active Voice's Slack Community. </p>\n<p><em>There</em> we discussed the challenges of job searching in this day'n'age of sloppy AI-fueled layoffs and the market in general. How much do we need to learn as designers for AI side of things, even if it's not aligned with our ethics...when that's what employers want to see (and are explicitly hiring for)? How do we show up authentically for differentiation when that same showing up is Othered, dismissed, told is too weird, or too outside the typical formula? </p>\n<p><strong>Both conversations</strong> covered the devaluation of creative labor and our careers. What does it mean to create artifacts these days? How does work come in when people will say \"why not let AI do it?\" It's infuriating. </p>\n<p>It's the same sort of thing that my life &amp; business partner encountered when attending local business events, as she explained one of our previous iterations of Poet &amp; Scribe. </p>\n<p>\"Why not let AI do it?\" </p>\n<p>Someone, eventually, <a href=\"https://jonathanstephens.us/journal/poet-scribe\"><em>did</em> pick that up</a>.</p>\n<h2>Wired for Design</h2>\n<p>In the support group, I dropped into the chat something I've been thinking about for <em>years</em> now: Wired for Design.</p>\n<p><a href=\"https://jonathanstephens.us/books/wired-for-design\">Wired for Design</a> is one of the books I've been wanting to write, as a memoir, writing and reflecting on how I feel Design is a Calling for me. Lately, while the goal is still a book, I think I can have more impact (and more fun) by repurposing it as a podcast. Monday, this week, I also attended a marketing workshop where I learned...newsletters and podcasts are considered <em>long form</em> content! I hadn't considered that framing before, and it changed how I'm approaching things. </p>\n<p>I find more and more designers and design-adjacent humans \"coming out\" and sharing their newly realized neurodivergence.</p>\n<p>Why not have fun conversations with these people and have a podcast about it? Multiple in the support group said they'd listen. </p>\n<p>Signal.</p>\n<h2>Doing the research</h2>\n<p>This feels like something I just need to <em>do</em>. However, I <em>also</em> need a plan. There would be people to invite to interview—sharing what it's about, why I wanna talk, if they're available, and willing—then doing the actual interviews themselves in as neuroinclusive way as possible. </p>\n<p>I've been having conversations about neurodivergence in various design &amp; tech spaces for nearly six years now. Apart from my own coming out stories, <a href=\"https://jonathanstephens.us/essays/chrysalis\">part one</a> and <a href=\"https://jonathanstephens.us/essays/chrysalis-part-two\">part two</a>, it's one of my fun things to talk about. When I presented to the graduating seniors at N.C. State University's Graphic &amp; Experience Design Undergraduate program in 2022, the most energy and questions were around neurodivergence, burnout, and the experience of it all. When I talk with people, neurodivergence tends to come up (not <em>always</em> at my insertion). </p>\n<p>Similarly, discussing how people think differently has been an enjoyable bar topic, too—learning how their thinking styles influence what they do, why they do, and how they do whatever it is they do.</p>\n<h2>Creating Steps towards Doing</h2>\n<ol>\n<li>Develop the idea with the general structure, story, &amp; design of the podcast.</li>\n<li>Create a list of people that would be interesting to speak with who have publicly shared their neurodivergence. </li>\n<li>Record a sample video-set that I can send to each of the initial season's podcast. </li>\n<li>Create a sign up form that those people can respond to, if interested, to find a date. </li>\n<li>Have a <em>very simple</em> website where they can go to find information. This would be where the podcast lives. Also, a Patreon. </li>\n<li>Send out personalized emails to those people, see who bites. </li>\n<li>Set up times to record.</li>\n<li>Prepare all the things for recording. </li>\n<li>Have some conversations.</li>\n<li>Editing, packaging, preparing proliferation.</li>\n<li>Announce the podcast with clear dates on the cadence, etc. </li>\n<li>Contact people that would likely be interested to help promote &amp; share it.</li>\n</ol>\n<h2>Rules &amp; General Structure</h2>\n<ol>\n<li>Podcast shall be between 30-min to 1-hour long. Nothing longer. </li>\n<li>If longer than 1-hour, it needs to be broken into two parts.</li>\n<li>The podcast shall end in 2026, unless the signal is strong. </li>\n<li>There shall be standard question list sent to interviewee in preparation of topics, as well as any notes from research about them. </li>\n</ol>\n<h2>Guiding Principles</h2>\n<p>The guiding principles of Poet &amp; Scribe apply, as this would be a Poet &amp; Scribe production. However, this is a different medium, so there needs to be some focus on what that means:</p>\n<ol>\n<li>Diversity: not just white guys, a broad spectrum of neurodivergent humans should be represented. </li>\n<li>Intersectionality: we won't shy away from the intersectionality of being able to discuss it. </li>\n<li>Accessible: the content should be freely accessible and open, meaning it needs to (if starting with video) have: video, audio, transcripts, and show notes for consumers.</li>\n<li>Anti-ableist: we wont' frame things as \"super powers\" or any ableist bullshit, no toxic positivity, no glossing over the difficulties of disability, design, and neurodivergence.</li>\n</ol>",
            "date_published": "2026-03-18T00:00:00-04:00",
            "tags": [
                "Podcast Idea"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/bad-brain-days",
            "url": "https://jonathanstephens.us/journal/bad-brain-days",
            "title": "Bad Brain Days",
            "content_html": "<p>As I was growing up, sometimes my mom would say or notice I needed a mental health day: a day to stay home from school to do nothing, rest, or play. </p>\n<p>That was my first foray into naming periods of intentional rest that are typically unacceptable in neuronormative society. I continued that practice as I grew up—during University, then in mid–later twenties. There were some days that I needed to call in sick because, otherwise, I <em>would</em> get sicker and performance would degrade in the longer run. </p>\n<p>Since my <a href=\"https://jonathanstephens.us/essays/chrysalis\">late-realized neurodivergence and burnout in 2020</a>, I've gained a framing for <em>why</em> that happens and have evolved the name for when it does—because...there're different types of days needed. </p>\n<h2>Today</h2>\n<p>Today's been a bad brain day for me. </p>\n<p>There's a variety of reasons, but one of the largest is lack of sleep across multiple days. Not that I didn't <em>try</em> to fall to sleep, it just didn't happen until 0430 one morning and 0230 the day after (in-between both, time also sprung ahead). </p>\n<p>As I started my weekday rhythm, I continued to be sluggish. Lengthy time between getting out of bed to feeling awake. My morning shower didn't even help much. Limbs felt weak while walking the dog. Even after appropriate amount of time for my long-release ADHD meds to kick-in, the fogginess was still there. </p>\n<p>A taste of recognizing how I recognize it's going to be a bad brain day. </p>\n<h2>What it's like?</h2>\n<p>Typically, it's a general fogginess and lack of ability to focus my brain. It's a thing <a href=\"https://neurolaunch.com/adhd-brain-fog/\">ADHDers tend to experience</a>, as well as <a href=\"https://www.yalemedicine.org/news/how-to-manage-long-covid-brain-fog\">people with Long COVID</a>. </p>\n<p>It's not an <em>official</em> medical term, but that's what it can feel like. Wading through a soup of a cloud that's settled making it difficult to see where your flashlight of attention is pointing. The light gets ricocheted around the water droplets and obfuscates whatever blurry shape you're trying to make sense of with a little bit of focused attention. </p>\n<p>Funnily enough, there's a Wikipedia entry around it, titled <a href=\"https://en.wikipedia.org/wiki/Clouding_of_consciousness\"><em>clouding of consciousness</em></a>. </p>\n<p>The clouding doesn't just impact the ability to focus, or describe the experience of navigating in a deep fog. There's also a memory and information recall impact that makes it difficult to find, identify, and retrieve specific thought. </p>\n<p>In a knowledge work environment, where focused task-work is needed to get the job done, that makes the barrier of working on those days even more difficult. </p>\n<h2>Following the energy</h2>\n<p>When I'm able to identify that it's going to be a Bad Brain Day—as I'm going through it; it's not something I <em>plan ahead</em> to do—I need to follow the my energy flow. </p>\n<p>I can still be \"productive\" in the day, but it's not going to be anything I had originally planned on. Writing this up is one of those things that could qualify as productive, but not actually doing the work I had intended to today. I've also jumped around writing a few other posts, reading, and working on organizing thoughts as I can. </p>\n<p>It means that there'll likely be some additional naps in the day—today there's been two: 45-min and 1-hr. It means there'll be less communication with other humans, as that can take additional toll, decreasing effectiveness of the purposeful, intentional rest. It means there'll be more focus on grounding, bedtime transition rituals—making sure to have my teas, going to bed earlier, and trying pay off the accumulated sleep debt.</p>\n<h2>Access Requirement</h2>\n<p>I've realised these sorts of days are something I need to build into a personal access requirements document (that I intend to write one day). </p>\n<p>Access requirements are a clearer way to say \"disability accommodation\" as it's not just an <em>accommodation</em> it's one of those things that's required in my working environment. I need to be able to have days where I can say, \"Nope. Energy's not there today.\"</p>\n<p>While working in the Netherlands, I regularly got scoffed at by doctor's offices when I asked for a note for work. In the office handbook, it clearly said a note was needed from a doctor if you were out sick or needing to go during work hours. Culturally, that's not so much a thing in the Netherlands—personally, that's a <em>tell</em> an American's hand was involved in writing the handbook. </p>\n<p>They'd say:</p>\n<blockquote>\n<p>You're an adult! You don't need a note to say you're sick or you came here.<br />\nWe also didn't have an allotted number of sick days. When sick, the days off weren't stolen from our contractually &amp; federally mandated paid time off. Those days were meant for relaxation, disconnection, and recharge. </p>\n</blockquote>\n<p>When you're sick—or have bad brain days—they aren't typically too relaxing or recharging. </p>\n<p>I hadn't experienced that much before, apart from those rare, early school days where my need was seen (not necessarily by me). I've learned a lot since those days, from my time in the Netherlands, and as I've delved into understanding my own needs with my neurodivergent, AuDHD framing. </p>\n<h2>Self-employment</h2>\n<p>It's been difficult to do while working self-employed though. </p>\n<p>Learning how to define boundaries and give myself permission to do this, even when I have to bring the money in, have deadlines to work with, and collaborate with others. It's a loss of income that I'll need to make-up in the days after.</p>\n<p>This is one of those reasons many disabled people have to grow income through self-employment—spiky skills and inconsistent, unpredictable energy changes. </p>\n<p>There's privilege in being able to pursue and earn enough to get by to do this. There's also a big privilege in working in the Netherlands where sick days aren't a loss of paid time off, where I learned this was a need that I just had to do sometimes. </p>\n<h2>Neuroqueering</h2>\n<p>Bad Brain Days happen—to me, to disabled people, to allistics. They can happen to everyone. </p>\n<p>By Naming them, I'm able to talk more clearly with others about it. I don't apologize for taking the time &amp; space for the rest—I name it and say, \"I'm having a bad brain day, need to take the time to rest. Be back in tomorrow.\"</p>\n<p>Because I rested today, I <em>can</em> get back to things tomorrow;</p>\n<p>...typically.</p>",
            "date_published": "2026-03-09T00:00:00-04:00",
            "tags": [
                "Bad Brain Day",
                "Neuroqueering",
                "Rest",
                "Spoons",
                "Work",
                "Labor",
                "Rhythm",
                "Rituals",
                "Sleep",
                "Boundaries",
                "Naming"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/growth-statuses-continued",
            "url": "https://jonathanstephens.us/journal/growth-statuses-continued",
            "title": "Growth Statuses, Continued",
            "content_html": "<p>Back in February, I wrote about hitting the wall of scale concerning tags on my site. </p>\n<p>This is the next step. </p>\n<h2>Integration into site</h2>\n<p>I've added the growth statuses to all the pages, while refactoring and merging templates to ultimately have more a unified data structure. </p>\n<p>I've made each of the statuses:</p>\n<ul>\n<li>Sown: just planted, shitty first draft.</li>\n<li>Sprouting: not refined, but something's there.</li>\n<li>Rooting: the big things are set, now details.</li>\n<li>Crowning: detailing done, time for polish.</li>\n<li>Evergreen: help it grow, let it go.</li>\n</ul>\n<h2>In Practice</h2>\n<p>This works great for statuses of publication, but I'm finding what's working well—for me—in means of writing &amp; production.</p>\n<p>I'm typically using my /journal for initial thoughts that I want to get through, as well as an actual journal. I do the same with /articles and /essays, but because they're in different physical views, via the Kirby Dashboard, I don't actually <em>tend</em> to them as much as I want. I haven't looked at my /books in a long while, and that's what I ultimately want to grow towards.</p>\n<h2>In Evolution</h2>\n<p>The next phase here, then, should be limited statuses per each content type. </p>\n<ul>\n<li>/journal, /links gets /sown and /sprouting; </li>\n<li>/articles, /essays, /projects, and /photos gets /rooting, /crowning, and /evergreen.</li>\n<li>/books remains a viewing and gathering point as I build reference material and thoughts over time, until I'm in a season to bring them together. </li>\n<li>/zines will be an \"in-between book\" for smaller publication sizes (to create and build towards, while still being consumable)</li>\n</ul>",
            "date_published": "2026-03-09T00:00:00-04:00",
            "tags": [
                "Growth Statuses",
                "Digital Garden"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/rigidly-improvisational",
            "url": "https://jonathanstephens.us/journal/rigidly-improvisational",
            "title": "Rigidly Improvisational",
            "content_html": "<p>One of those AuDHD things. </p>\n<p>Specifically, seeking to Name the way an autistic trait of rigid thinking and its interaction with the ADHD impulsiveness. </p>\n<p>Both are challenges in executive functioning. A <em>spectrum</em>, if you will. </p>\n<p>AuDHD is an embodiment the conceptually conflicting comorbidity.</p>\n<p>It's inconsistent consistency.<br />\nIt's planned flexibility.<br />\nIt's improvisational rigidity.</p>",
            "date_published": "2026-03-09T00:00:00-04:00",
            "tags": [
                "AuDHD",
                "Naming"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/exclamaquest-news",
            "url": "https://jonathanstephens.us/journal/exclamaquest-news",
            "title": "Exclamaquest News",
            "content_html": "<p>Typography. Batch Writing. Short and sweet.</p>\n<p>3 ‽ Things<br />\n2 ? Things<br />\n1 ! Thing </p>\n<p>Covering:<br />\nTypography<br />\nWeb Typography<br />\nLetterpresses<br />\nPrinting</p>",
            "date_published": "2026-03-06T00:00:00-05:00",
            "tags": [
                "Newsletter"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/fortnightly-pitch",
            "url": "https://jonathanstephens.us/journal/fortnightly-pitch",
            "title": "Fortnightly Pitch",
            "content_html": "<p>I have a monthly newsletter, Craft &amp; Practice. </p>\n<p>Typically, it's an update about the state, progress, thoughts, reflections of my various crafts and practices. </p>\n<p>I want to engage with readers more, being more interactive with people. In the style of Mike Monterio's weekly question answering, I plan to make something in the middle—a fortnightly pitch. </p>\n<h2>Purpose</h2>\n<p>I want to ask people what they wanna read about. Then respond. </p>\n<p>I want to be able to ask questions, as invitations. Sharing something I'm asking myself and am curious about responses. Sometimes, to give voice to and put out into the world—as a note, in a bottle, in a super hurricane, in a boiling ocean. </p>\n<p>I want to establish a regularly scheduled hour of writing for that week's newsletter. Then, having multiple newsletters with different audiences but the same, weekly, time-flowing rhythm. This and another new one—<em>exclamaquest.news</em>—should cover most of them. </p>\n<h2>Naming</h2>\n<p>Call them wayseeking asks or prompts. </p>\n<p>So—I sought synonyms for request, sifting through warrens of potential.</p>\n<p><em>Pitch.</em></p>\n<p>There are <em>so</em> many exciting definitions.</p>\n<h3>Noun</h3>\n<ul>\n<li>The steepness of a slope, especially of a roof</li>\n<li>The highness or lowness of a tone or musical note in relation to others</li>\n<li>A form of words used when trying to persuade someone to buy or accept something</li>\n<li>An area of ground marked out or used for play in an outdoor team game</li>\n<li>A level of the intensity of something, especially a high level</li>\n<li>A delivery of the ball by the pitcher</li>\n<li>A swaying or oscillation of a vessel (such as a ship, aircraft, or vehicle)</li>\n<li>An act or instance of diving, especially headlong</li>\n<li>A place where a street vendor or performer stations themselves or sets up a stall</li>\n<li>A sticky resinous black or dark brown substance</li>\n<li>The dissemination of information about something, typically for promotional purposes<br />\nAn inclined surface or slope</li>\n<li>A plan or suggestion, especially a formal or written one, put forward for consideration by others</li>\n<li>A formal ceremonial speech</li>\n<li>An intense concentration of force or power</li>\n<li>A viscous fluid, especially that which circulates in the vascular system of a plant</li>\n<li>A hit or stroke of the ball in sports</li>\n<li>An upward slope or hill</li>\n<li>An act of moving from one point to another while suspended or on an axis</li>\n<li>A viscous liquid or soft solid, typically of plant origin</li>\n<li>The top or highest point of an object, structure or landmass</li>\n<li>The distance from the top or surface to the bottom of something</li>\n<li>A deceptive spin or delivery in cricket which surprises the batsman</li>\n<li>A measure of the loudness of sound</li>\n<li>A speech or talk, typically in which a new product, idea, or piece of work is shown and explained</li>\n<li>Any semisolid substance used to fill gaps, cracks or pores</li>\n<li>A ringing sound or noise</li>\n<li>The underlying or subtle character or quality of something</li>\n<li>A heaving or undulating motion, especially of a body of water</li>\n</ul>\n<h3>Verb</h3>\n<ul>\n<li>To throw roughly or casually</li>\n<li>To raise or fix in (an upright) position</li>\n<li>To set up in a given location</li>\n<li>To move around or sideways unsteadily</li>\n<li>To be or cause to be at an angle</li>\n<li>To fall heavily, especially headlong</li>\n<li>To promote or provide publicity for</li>\n<li>To make a (usually commercial) proposition</li>\n<li>To discard or throw away</li>\n<li>To deliver an educational or informational speech or talk</li>\n<li>To strike or hit repeatedly</li>\n<li>(baseball) To make the preparatory movements for a certain kind of pitch</li>\n<li>To move around, back and forth, or from side to side, while suspended or on an axis</li>\n<li>To plunge into, under, or within anything, especially a fluid</li>\n<li>To move or run somewhere swiftly and suddenly</li>\n<li>To protrude or extend outwardly</li>\n<li>To (attempt to) influence, persuade or pressure someone, typically politically</li>\n<li>To push suddenly or violently in a specified direction</li>\n<li>To speak to a formal gathering</li>\n<li>To scatter or sprinkle, typically over a wide area</li>\n<li>To place into the ground or soil to grow</li>\n<li>To modify a musical instrument so that it produces the correct pitches</li>\n</ul>\n<h3>Adjective</h3>\n<ul>\n<li>Having a very dark color (as of soot or coal)</li>\n</ul>",
            "date_published": "2026-03-06T00:00:00-05:00",
            "tags": [
                "Newsletter"
            ]
        },
        {
            "id": "https://jonathanstephens.us/articles/design-token-boilerplate",
            "url": "https://jonathanstephens.us/articles/design-token-boilerplate",
            "title": "Design Token Boilerplate",
            "content_html": "<div class=\"callout callout--note\">\n    <header class=\"callout__header\" aria-label=\"NOTE\"><span class=\"callout__icon\" aria-hidden=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-info-icon lucide-info\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4\"/><path d=\"M12 8h.01\"/></svg></span><span class=\"callout__label\">NOTE</span></header>\n    <p>This is a work in progress. I'm writing it in public and updating it as I continue writing.</p>\n</div>\n<p>I've been wanting to develop my boilerplate for a long while now. I'm at a point where I keep reinventing and trying to figure out the things and would rather work from a boilerplate to decrease the amount of decisions I make each project onset. </p>\n<h2>Foundations</h2>\n<p>Naming is one of the most important things of a design system. It needs to be consistent, but flexible; declarative, but not prescriptive. </p>\n<p>These days, <code>primitives</code> is a relatively standard nomenclature for this group of tokens. I, personally, don't like that word to define them. There are <a href=\"https://wordnik.com/words/primitive\">too many definitions</a> that can create ambiguity or mis-frame their import. </p>\n<p>Collectively, I like to call it the <em>foundation</em>. These tokens are what everything's built on—adding meaning as compositions emerge by adding style to semantic structure. These also need to be the smallest, simplest variable names for ease of re-use and development (when getting much farther along the system creation, token names tend to get lengthy). I'm one for typographpical poetry of length, so if the foundations are the smallest units <em>with</em> the shortest names, they're quickly identifiable, understandable, and rememberable.</p>\n<h2>Constants</h2>\n<p>These are ones that I'll always use, but are singular in words:</p>\n<ul>\n<li><code>--paper</code> for white, and developing tints;</li>\n<li><code>--ink</code> for black, and developing shades;</li>\n<li><code>--ash</code> for gray, and developing tones. </li>\n</ul>\n<h2>Prefixes</h2>\n<p>A prefix is something at the beginning. In grammar, these are remixable, contextual preambles like <em>re-</em>, <em>con-</em>, or <em>pre-</em>.</p>\n<p>These are the first words of my boilerplate's token set:</p>\n<ul>\n<li><code>--font-</code> for <code>font-family</code>;</li>\n<li><code>--scale-</code> for <code>font-size</code>;</li>\n<li><code>--stretch</code> for <code>font-width</code>;</li>\n<li><code>--style-</code> for <code>font-style</code>;</li>\n<li><code>--weight-</code> for <code>font-weight</code>;</li>\n<li><code>--tracking-</code> for <code>letter-spacing</code>;</li>\n<li><code>--stroke-</code> for <code>border-width</code>;</li>\n<li><code>--leading-</code> for <code>line-height</code>;</li>\n<li><code>--opacity-</code> for...well, opacity values;</li>\n<li><code>--palette-</code> for base colors;</li>\n<li><code>--duration-</code> for transition and animation timings;</li>\n<li><code>--radii-</code> for <code>border-radius</code> (and the fun of using two i's in a row);</li>\n<li><code>--space-</code> for <code>padding</code>, <code>margin</code>, and <code>gap</code>;</li>\n<li><code>--measure-</code> for <code>max-width</code> and typographic line-length;</li>\n<li><code>--layer-</code> for <code>z-index</code>; </li>\n<li><code>--ratio-</code> for <code>aspect-ratio</code>;</li>\n<li><code>--prominence-</code> for <code>box-shadow</code>;</li>\n</ul>\n<h2>Values &amp; Gradients</h2>\n<p>For some of these, I use explicit values. For others, semantic gradients.</p>\n<p>It depends on how the token's purpose and relationship with it's property counterpart. </p>\n<h3>Typography</h3>\n<h4>font</h4>\n<p>Each of these are the typical ones I come across in most settings. </p>\n<p>They're also grounded in <a href=\"https://codepen.io/poetandscribe/pen/RNGaMee\">generic font family naming</a>, just a limited set. In total, there're 12 potential generic font families to use, but these four tend to cover most of my use cases (and identity systems). </p>\n<pre><code class=\"language-css\">:root{\n  --font-sans: $stack, sans;\n  --font-serif: $stack, serif;\n  --font-mono: $stack, mono;\n  --font-hand: $stack, cursive;</code></pre>\n<h4>weight</h4>\n<p>Most of my design decisions boil down to typographic history and practical use. </p>\n<p>These are, generally, named for their typical weight naming scheme, respectively mapped to their default weights. Because variable fonts provide a plethora of potential values, having these as tokens <em>rather than</em> defaults enables depth of polish.</p>\n<pre><code class=\"language-css\">:root{\n  --weight-thin: 100;\n  --weight-extralight: 200;\n  --weight-light: 300;\n  --weight-regular: 400;\n  --weight-medium: 500;\n  --weight-semibold: 600;\n  --weight-bold: 700;\n  --weight-extrabold: 800;\n  --weight-black: 900;</code></pre>\n<h4>stretch</h4>\n<p>Like weight, this has default values but can be set differently in variable font situations.</p>\n<p>These map to another typical font design for typeface widths, developed over the centuries to give semantic name to width. </p>\n<pre><code class=\"language-css\">:root{\n  --stretch-ultra-con: ultra-condensed; /* 50% width */\n  --stretch-extra-con: extra-condensed;  /* 62.5% width */\n  --stretch-con: condensed;  /* 75% width */\n  --stretch-semi-con: semi-condensed;  /* 87.5% width */\n  --stretch-reg: normal;  /* 100% width */\n  --stretch-semi-exp: semi-expanded;  /* 112.5% width */\n  --stretch-exp: expanded;  /* 125% width */\n  --stretch-extra-exp: extra-expanded;  /* 150% width */\n  --stretch-ultra-exp: ultra-expanded;  /* 200% width */</code></pre>\n<h4>measure</h4>\n<p>Measure is the fancy typography word for length of a line of text, specifically from the left to right edges of a text block. In terms of reading length, it's good to aim for 45–85 characters per line, inclusive of spaces. </p>\n<p>The primary aspects that influence measure are: size of the type and size of its container (be it block, like a section, or a unit, like a paragraph). </p>\n<pre><code class=\"language-css\">:root{\n  --measure-xxs: 25ch;\n  --measure-xs: 35ch;\n  --measure-sm: 45ch ;\n  --measure-md:55ch ;\n  --measure-lg: 65ch;\n  --measure-xl: 75ch ;\n  --measure-xxl: 85ch;</code></pre>\n<h4>scale</h4>\n<ul>\n<li><code>--scale-</code> for <code>font-size</code>;</li>\n</ul>\n<h4>style</h4>\n<ul>\n<li><code>--style-</code> for <code>font-style</code>;</li>\n</ul>\n<h4>tracking</h4>\n<ul>\n<li><code>--tracking-</code> for <code>letter-spacing</code>;</li>\n</ul>\n<h4>leading</h4>\n<ul>\n<li><code>--leading-</code> for <code>line-height</code>;</li>\n</ul>\n<h3>Color</h3>\n<h4>opacity</h4>\n<ul>\n<li><code>--opacity-</code> for...well, opacity values;<h4>palette</h4>\n</li>\n<li><code>--palette-</code> for base colors;<h4>duration</h4>\n</li>\n<li><code>--duration-</code> for transition and animation timings;</li>\n</ul>\n<h3>Block</h3>\n<h4>radii</h4>\n<ul>\n<li><code>--radii-</code> for <code>border-radius</code> (and the fun of using two i's in a row);<h4>ratio</h4>\n</li>\n<li><code>--ratio-</code> for <code>aspect-ratio</code>;<h4>stroke</h4>\n</li>\n<li><code>--stroke-</code> for <code>border-width</code>;<h4>space</h4>\n</li>\n<li><code>--space-</code> for <code>padding</code>, <code>margin</code>, and <code>gap</code>;<h4>prominence</h4>\n</li>\n<li><code>--prominence-</code> for <code>box-shadow</code><h4>layer</h4>\n</li>\n<li><code>--layer-</code> for <code>z-index</code>; </li>\n</ul>\n<h2>Semantic Gradients</h2>\n<p>I've written about semantic gradients before, making lists, and compiling them. They're these cool relational word ladders that transition from one end of a spectrum to another. </p>\n<p>I prefer these over numbering systems—<code>100,200,300,400,...</code> or <code>10,20,30,40,...</code>—because words. I find the lack of explicit and definite number scale provides room for play, interpretation, but also ways of individualizing the scale to act as a <a href=\"https://en.wikipedia.org/wiki/Trap_street\">trap street</a>—a maker's mark to detect copyright violations (and, as is the case these days, detecting content was used as fodder for scrapers and large language model training).</p>\n<p>Each of the prefixes, above, come with default semantics—gradient or otherwise. I'm thematically grouping them for ease of reading.</p>",
            "date_published": "2026-03-04T00:00:00-05:00",
            "tags": [
                "Boilerplate",
                "Design Tokens",
                "CSS"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/webinar-workshop-inspiration",
            "url": "https://jonathanstephens.us/journal/webinar-workshop-inspiration",
            "title": "Webinar & Workshop Inspiration",
            "content_html": "<p>This comes from Wendy Sellers' webinar on March 6th, 2026, <em><a href=\"https://thecareerio.com/conference/neurodivergent-conditions-and-employee-ada-rights-what-hr-needs-to-know\">Neurodivergent Conditions and Employee ADA Rights: What HR Needs to Know</a></em>.</p>\n<p>I can't attend, just from the expense, but it sounds extremely interesting. What struck me, from Career IO's newsletter, was the structure &amp; format of the outline. This post preserves the description, and analyses how it's structured. </p>\n<h2>Analysis</h2>\n<p>Overall, it's separated into five:</p>\n<ol>\n<li><strong>Description</strong>: three paragraphs of content, coming in at:</li>\n</ol>\n<ul>\n<li>3 sentences; 54 words; 407 characters</li>\n<li>1 sentence; 37 words; 268 characters</li>\n<li>3 sentences; 82 words; 608 characters</li>\n</ul>\n<ol start=\"2\">\n<li><strong>Agenda</strong>: six different sections, with a bold topic and single sentence for each</li>\n<li><strong>Benefits</strong>: the benefits of attending with six different bullet points that mirrors the agenda, with a benefit per each preceding section's unordered...ordered list. </li>\n<li><strong>Who Should Attend</strong>: a single sentence that says...who should attend. </li>\n<li><strong>Speaker Profile</strong>: An 8 sentence, 194 worded, 1,276 characters of a bio and profile of the speaker. </li>\n</ol>\n<h3>Pricing</h3>\n<p>Because it's it's important to understand what this pricing is like, I'm listing those out here for further use, myself:</p>\n<pre><code>- $179 — Live Session\n- $199 — Recording\n- $229 — Digital Download\n- $199 — Transcript (PDF)\n- $999 — Corporate Live 1–10 Attendees\n- $349 — Live + Recording\n- $349 — Recording + Transcript\n- $399 — Digital Download + Transcript</code></pre>\n<h2>Advertisement</h2>\n<blockquote>\n<h3>Description</h3>\n<p>Did you know that an estimated 15–20% of the global population is neurodivergent? That means millions of employees experience the workplace through a different lens—bringing with them unique cognitive strengths such as hyper-focus, pattern recognition, and creative problem-solving. Yet, despite their potential, neurodivergent individuals are often overlooked or misunderstood in professional environments.</p>\n<p>This webinar is designed to help HR professionals and workplace leaders better understand neurodivergent conditions and how to navigate both the legal requirements and practical strategies for supporting these employees under the Americans with Disabilities Act (ADA).</p>\n<p>In this fast-paced and myth-busting session, we’ll explore the legal framework around neurodivergent conditions and disability status, demystify the interactive accommodation process, and offer real-world guidance on how to support neurodivergent team members without putting your organization at risk. You'll learn how inclusion isn’t just a compliance box to check—it’s a smart business decision that can unlock exceptional talent across your workforce. Plus, we’ll walk through specific scenarios, provide take-home toolkits, and highlight what to avoid in interviews, reviews, and employee conversations.</p>\n<h3>Agenda Includes:</h3>\n<ul>\n<li><strong>Framing the Conversation</strong> – A quick dive into the evolving language around neurodivergence, and why this matters right now for employers.</li>\n<li><strong>Neurodivergence 101: Beyond Buzzwords</strong> – Definitions, real-world examples, and what neurodivergent strengths look like in the workplace.</li>\n<li><strong>The ADA &amp; You: Legal Responsibilities Decoded</strong> – Understand how the ADA applies to neurodivergent conditions, including interactive process best practices and accommodation scenarios.</li>\n<li><strong>Creating a Culture of Inclusion (Not Just Compliance)</strong> – How to make space for different brains without reinventing the wheel—or alienating your team.</li>\n<li><strong>Common Pitfalls HR Should Avoid</strong> – Ask your burning questions and learn what not to say in performance reviews, interviews, or accommodation talks.</li>\n<li><strong>Wrap-Up &amp; Resources</strong> – Takeaways, toolkits, and where to go from here.</li>\n</ul>\n<h3>Your Benefits for Attending:</h3>\n<ul>\n<li>Gain a clear understanding of the ADA’s legal framework as it applies to neurodivergent employees</li>\n<li>Learn how to recognize and implement reasonable accommodations before issues escalate</li>\n<li>Identify and leverage the strengths of neurodivergent individuals to improve team performance and innovation</li>\n<li>Discover proactive inclusion strategies that don’t require overhauling your organization</li>\n<li>Avoid common HR pitfalls that can lead to legal or relational complications</li>\n<li>Access takeaway resources, toolkits, and real-world examples for continued learning</li>\n</ul>\n<p>Attending this webinar will empower you to confidently support neurodivergent employees, helping you create a more inclusive workplace while mitigating legal risk.</p>\n<h3>Who Should Attend:</h3>\n<p>HR professionals, people managers, team leaders, compliance officers, and anyone responsible for employee well-being or workplace policy enforcement.</p>\n</blockquote>",
            "date_published": "2026-03-03T00:00:00-05:00",
            "tags": [
                "Workshops",
                "Writing",
                "Inspiration",
                "Speaking",
                "Template",
                "Webinar"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/poet-scribes-2021-offer-development",
            "url": "https://jonathanstephens.us/journal/poet-scribes-2021-offer-development",
            "title": "Poet & Scribe's 2021 Offer Development",
            "content_html": "<h2>What we do &amp; what you get</h2>\n<h3>Incubation &amp; Imagination</h3>\n<p>When your company needs more authentic paths to achieve your goals. These essential elements differentiate, define, connect, and create how your business lives in the world.</p>\n<p><strong>Co-created Deliverables:</strong></p>\n<ul>\n<li>Core Values</li>\n<li>Vision &amp; Viability</li>\n<li>Purpose &amp; Beliefs</li>\n<li>Content fodder</li>\n</ul>\n<h3>Engineering &amp; Innovation</h3>\n<p>Put to paper a narrative that shows &amp; tells your uniqueness. Develop insight, structures, and flows that provides flexible stability towards your goals, with strong foundations.</p>\n<p><strong>Co-created Deliverables:</strong></p>\n<ul>\n<li>Roadmaps &amp; Milestones</li>\n<li>Short-/Long- Term Strategy</li>\n<li>Metrics to Track Business Performance</li>\n<li>Systems for continuous support</li>\n</ul>\n<h3>Don't work with us if...</h3>\n<ul>\n<li>Your company has values, mission, &amp; vision they believe in—and know how to get there.</li>\n<li>You have a viable business model, with metrics tracking your business’ performance.</li>\n<li>Your processes &amp; product are aligned with long-term strategy.</li>\n<li>You don’t like to be challenged, aren’t open to feedback, or don’t co-create &amp; collaborate.</li>\n</ul>",
            "date_published": "2026-02-19T00:00:00-05:00",
            "tags": [
                "Documentation"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/garden-as-throughline",
            "url": "https://jonathanstephens.us/journal/garden-as-throughline",
            "title": "Garden as throughline",
            "content_html": "<blockquote>\n<p>Testing out writing in Obsidian to check out the way of writing here to see if to invest time in doing the back and forth personally through obsidian with Kirby. </p>\n</blockquote>\n<p>I've been thinking about <em>throughlines</em>  since December, when Active Voice announced their January conference, Throughline. </p>\n<p>The week-of, I wrote about <a href=\"https://jonathanstephens.us/journal/exclamaquest-studio-throughline\">typography as one of my throughlines</a>.<br />\nThat days-of were filled with volunteering, listening, absorbing; participating, learning, and being, with community.<br />\nThe week-after was filled with simmering contemplation while building anticipation for its after-party.<br />\nThe after-party was a week after, coming together again for sharing the brain-wrinkling, tack-sticky outcomes of the week-after's reflection.<br />\nThe week-after the after-party is one of action. </p>\n<p>The theme of one event today was action—specifically, at what point have you gathered enough information &amp; research?</p>\n<p>The truck: train yourself to hear that satisfying<code>*click*</code> as abstract transitions towards <em>something</em>. </p>\n<p>Erika Hall used that in Just Enough Research; reading those words in my week-after's contemplation. She gave the opening keynote at Throughline: The Business Model is the Grid. </p>\n<p>It was the first time I would her speak. </p>\n<h2>Action points for the week</h2>\n<p>Part of an effective, regular body doubling practice—for me—are sharing goals for next time we meet. </p>\n<p>It's accountability-building and expectation-sharing that's extremely valuable. Also things like implementation intentions, giving voice to things, and soundboarding with Others is effective. </p>\n<p>One person asked: so, what's your Throughline? </p>\n<p>A personal goal, after each conference I go to (or event) is to write down what I've taken away from it and how it'll stick with me. And I've been meaning to write properly about this conference. </p>\n<p>Two birds. </p>\n<h2>Personal, professional branding</h2>\n<p>Some of the takeaways of the conference, minified:</p>\n<ul>\n<li>self-promotion is a necessity—get better at it;</li>\n<li>storytelling as positioning</li>\n</ul>\n<p>I've been slowly building them up,  it it's time to formally \"launch\" everything. Last year I was building my personal infrastructure. This year, I'm using it. </p>\n<ul>\n<li><strong><a href=\"https://poetandscribe.com\">Poet &amp; Scribe</a></strong> for my design operations and organizational leadership work. </li>\n<li><strong><a href=\"https://buttondown.com/jonathanstephens\">Craft &amp; Practice</a></strong>, my marketing and semi-fortnightly newsletter to the internet.  </li>\n<li><strong>Exclamaquest Studio</strong> for graphic design &amp; typographic practice (not yet launched)</li>\n<li>TBD: photography practice</li>\n</ul>\n<h3>Intentional, knowledge cultivation</h3>\n<p>There's a few bounds as we continually work to Name the things we do. Digital gardening has a few:</p>\n<ul>\n<li>list</li>\n</ul>\n<h3>Provides nourishment</h3>\n<p>Gardening is supposed to be one of those things that prolongs ones life. </p>\n<ul>\n<li>part working with your hands</li>\n<li>part diverse body movement &amp; positions</li>\n<li>part touching grass and being with nature </li>\n<li>part keeping track of seasons on a more natural timescale &amp; rhythm than unit-based time (vs experiential time and presence)</li>\n<li>part quiet focused task-doing that acts as meditation, increasing brain elasticity</li>\n<li>part a practice of noticing and caring for other Life that's not your own</li>\n<li>part sharing in the eventual harvest, with pride of accomplishment and space in gathering</li>\n</ul>\n<p>My goal is to approach my site—jonathanstephens.us—my digital garden, in-kind. </p>\n<h2>Garden as throughline</h2>\n<p>[^1 I always enjoy that moment where they say the name of the movie or show in the thing itself. I may make that a stylistic thing of mine]<br />\nThis garden acts as <em>the thing</em> that connects all <em>the other things.</em> Its the trunk that grows branches, stemming from wonderings &amp; wanderings, or things seeking to be Named. </p>\n<p>It's my writing practice. </p>\n<p>It's my little plot on the Internet where I collect,  create, and iterate while showing the messiness of it all. Kinda-sorta like community gardens where space is shared. </p>\n<p>Thats why its structured the way it is. </p>\n<p>The first of my garden's boundaries are mostly conceptual:</p>\n<ul>\n<li>/about is where visitors can find out more about me</li>\n<li>/work is where I share what I've done throughout my career (with eventual archives)</li>\n<li>/soil is where I curate the words &amp; works I'm taking in from others, nourishing and influencing the garden's harvest</li>\n<li>/garden is where my central collection of writings live, the things I'm thinking about and seeking words for: notes, articles, essays, books, and the generic journal. </li>\n<li>/contact is where you can find me, and email me directly. </li>\n</ul>\n<h3>Branding throughlines</h3>\n<p>All the brands and their identities are evidence of my throughlines and styles:</p>\n<ul>\n<li>typography-focused;</li>\n<li>hand-crafted;</li>\n</ul>\n<h3>Poet &amp; Scribe</h3>\n<h4>Bricolage Grotesque</h4>\n<h4>Recursive</h4>\n<h4>Palette</h4>\n<p>Green for more natural growth<br />\nContinue the metaphor of growth, but also combination and meeting things together shown in these fonts. </p>\n<h3>jonathanstephens.us</h3>\n<h4>Bradley DJR</h4>\n<ul>\n<li>fontofthemonth.club</li>\n<li>Ampersand Conf</li>\n<li>learned about Variable Fonts<h4>IBM Plex</h4>\n</li>\n<li>base of IA Writer</li>\n<li>Comes with skew of designed icons to match it </li>\n<li>It's easily downloadable and usable on Google Products</li>\n<li>Super family <h4>Palette</h4>\n</li>\n<li>monochrome for being the \"pen to paper\" and only metaphor \"</li>\n<li>seeking to add patina of time &amp; color over time, but getting basic black and white set first. <h3>Craft &amp; Practice</h3>\n<h4>Yatra One</h4>\n</li>\n<li>have always wanted to use it since The Manual used a similar font</li>\n<li>Loves the two color system there. </li>\n<li>\n<h4>Palette</h4>\n<p>WEB Du Bois</p>\n</li>\n</ul>",
            "date_published": "2026-02-10T00:00:00-05:00",
            "tags": [
                "Throughline Conference",
                "Digital Garden"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/wandering-tag-paths",
            "url": "https://jonathanstephens.us/journal/wandering-tag-paths",
            "title": "Wandering tag paths",
            "content_html": "<p>I've been tinkering on understanding &amp; wrangling my website's tags the past months. The majority come from the 1.5k sites I've gathered on my <a href=\"https://jonathanstephens.us/links\">/links</a> page. I've intentionally taken a more Tumblr-way of tagging.</p>\n<p>However, as my garden's grown, I've needed to find a way for people to navigate it. The best way—a more \"fun\" way of navigating around a website, and a digital garden—by meandering around its tags. </p>\n<p>I've set out doing this through spreadsheets and have been having challenges with the sheer amount of data. I recently discovered the more practical use of Observable—I had known about notebooks but never had the opportunity or path to push towards playing there—data analysis. </p>\n<p>By using Observable, I've been able to explore, understand, and make the data much clearer in terms of what I'm dealing with when wranglin' it all. It's also been an interesting way of learning Javascript: each function and variable is set and accessed by each section of code, so it helps <em>me</em> understand what and how Javascript is all put together. It is their own flavor, but it's been a huge help.</p>\n<h2>Accessible Tags</h2>\n<p>One of the things that's clear is the need to normalize my tag set a bit—especially when it comes to specific terms. </p>\n<p>With my current style of tagging, <code>ICE</code> wouldn't be aligned with <code>Immigration &amp; Customers Enforcement</code>...so if I tagged something with <code>FUCK ICE</code> it wouldn't be caught or appropriately aligned. This led to the question: to abbreviate or to not abbreviate. </p>\n<p>If I <em>just</em> abbreviated, someone would have to know what <code>UX</code> or <code>AI</code> is. Which, if people are coming here to read that sorta thing because we're in a shared community, I'd be comfortable with doing that. However, since this garden spans many different topics around many different things, someone coming from the more <code>AuDHD</code> or neurodivergent community spaces, that knowledge may be lacking (and vice versa; to'n'fro;). </p>\n<p>If I <em>just</em> wrote them out, then I'd miss on the whole <abbr title=\"Search Engine Optimization\">SEO</abbr> of it all, and the speed &amp; ease of typing <code>UI</code> and tagging correctly.</p>\n<p>I <em>could</em> write it out as <code>United States of America (USA)</code> as the full tag, which works great in quite a few ways. However, that's a lot for screen-readers and whatnot in terms of repetitiveness if I have something on front end web development and all its abbreviations:</p>\n<ul>\n<li>Cascading Style Sheets (CSS)</li>\n<li>Hypertext Markup Language (HTML)</li>\n<li>Javascript (JS)</li>\n<li>Accessibility (a11y)</li>\n<li>User Interface (UI)</li>\n<li>User Experience (UX)</li>\n<li>Client Experience (CX)</li>\n</ul>\n<p>It becomes a lotta words quick. I <em>do</em> like it though. </p>\n<p>I guess that would be the most accessible way.</p>",
            "date_published": "2026-02-09T00:00:00-05:00",
            "tags": [
                "Accessibility",
                "Content Tags",
                "Taxonomy",
                "Wayfinding"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/new-york-signage-and-vernacular",
            "url": "https://jonathanstephens.us/journal/new-york-signage-and-vernacular",
            "title": "New York Signage and Vernacular",
            "content_html": "<p>An event by Type Electives.</p>\n<p>He learned how to paint signs in 2010. trying focus on the </p>\n<p>Steven Powers<br />\nJames &amp; Carla Murray</p>\n<p>Noble Signs is a counter to thigns. Design with context and inspiration of the local earea. Design not trying to reflect self and personal test, but capturing the iconic new york style and multiply it back into the streetscape</p>\n<p>handmade signs in the 20th century</p>\n<p>had a quality of personality and flavor.</p>\n<p>part of a shared collective identiyt</p>\n<p>vernacular is the native language or dialect of a specific group of people.<br />\na vernacular is learned locally, from person to person, observing the world around you.</p>\n<p>sign shops used to use the more apprentice systems novides, etc. </p>\n<p>bold lettering<br />\nprimary colors<br />\nalphabets designed for speed,<br />\nneed to be produced fast<br />\nneed to be sent into the crows<br />\nneed to be able to read it. </p>\n<p>What is hte new york style beyond what you just see it?<br />\nwhat defines the aesthetic of the \"old new york\" </p>\n<p>gradulaly become where he is over 15 years.<br />\ndesigners, artists, archivists, crafsppeople, now near 15 people.<br />\nas extension of this mission, established a New York Sign musuem. A non-pforit archive, gallery, and living art project dedicated to preserving and educating people about the city's lettering, advertising, signage and cultural traditions. </p>\n<p>started saving signs to study them and to counter cultural erasure hapepning around. </p>\n<p>almost an act of protest done out of emotional necessity. from that pain of seeing something beautiful being cast asigde. the feeling of you rheart dropping into your stomach when you walk past a storefront htat had a beautiful sign and one day it's gone. </p>\n<p>what's emerged is that these signs meant ot us all and what they repsresent ad a human level.</p>\n<p>handmade signs and storefronts define lived experience as new yorkers, bringing meaning to dialy lives. when walkn gout the doore very day to see these disgns made by your neighbors for your eihbors, it creates a feeling of bleonging and of neighboorhd itself.</p>\n<p>Side by side: inspiration and the sign they made. (have photo). </p>\n<p>signs invite you fin, becomeing visual markers of our communities, landmarks, meeting places, hung on venues ofr cleebrations abig and small.<br />\nsigns are symbols. they express community identity. history and local pride. when we lose them we really do lose a part of who we are.</p>\n<p>hand letttering is imbue with some quality of the preson who made it.<br />\nand in this way our venacular letting contains all sorts of big boisterous new york personalities. </p>\n<p>the broader visual vernacular of new york streetscape shows a hared respect for restraint not wasting each other's time. its' direct, yet playful and inviting. it makes us feel like we're home. and ;that feeling means something. </p>\n<p>Noble Signs is multidisciplianmry creative studio base din NYC</p>\n<p>Mission as studyio: creat storefronts, brand identities, and artowrks that speak to history and the present moment. WE want NYC to continue to have a nunique visual identty and by keeping these local styles alive, we hope to create a positive affect in place where we live and work.</p>\n<p>exists in response to shifts in tech, culture, design trends in urban environment. by design as a live medium than an aeesthetic product. into cultural practice.</p>\n<p>experimental preseveration. social intervention. public space manufacturing. cultural participen.</p>\n<p>We design within contxt, not within vacuum. a</p>\n<p>design and collectiv ememory to meet, to remiagine craft as a living situatiod act.</p>\n<p>hyperlocal design thinking to light a path towards a better future.</p>\n<p>deeply research-based. process always begins with pencil, but uses all modern tos (archive of signage, publication, etc). </p>\n<p>Craft itself can be a living situated act, mateirals themsevles carry meaning. We favort bespoke technicques. not just because they look better, but becaues the skileld touch that they require naturally ibues the work with the humanity of the craftspeople that made them.</p>\n<p>able to channel NYC vernaculatr into work in both inspiration/application. designs inspired by history, created by hand to maintain the human connection that can only come from a person. when you do lettering by hand, you're tapping int the moment that you do it in, but tapping into all the hours tha tyou've built building that craft and building that practice. it's perceivable in the work. part of human nature hta tmakes us repsnod to that. </p>\n<p>someone spetn time doing, we really when we see wosmething like that, it makes us feel a connection.</p>\n<p>while we do recontextualize reference points into new concepts, it's our way of cintuinuing a thread that goes thorugh.</p>\n<h2>Projects done through last couple of years</h2>\n<p>find a touchpoint that speaks in a meanutiful way, </p>\n<h3>Civil Service Book Shop</h3>\n<p>started on facebook marketplace<br />\nsaw the civil service book shop for sale<br />\nby the time they decided they did want it, it had already been sold.</p>\n<p>he missed out, but kept thinking about it. but a city councilmen reached out to them to create a sign for his office. he gave complete creative control, he loved it. </p>\n<p>set out with the proces. use every tool at disposal to offer the owrk that has personality, character, handcraft, done in the most efficient way possible.</p>\n<p>making it as accessible as possible. seeing how they concept the work from thumbnail to digitization. </p>\n<p>presenting \"color-ups\" and how they do things.<br />\nan opportunity to look at old signshop sketches. that's hwo they present color markups. </p>\n<p>if doing all thse by hands, it's easier to colorize a small segment. Tehre's a benefit towards working like this as it requires the client to engage their imagination a littleb it.</p>\n<p>sharing work as color up for things to shareing to help ipcturing the idea of being made by hand, not just something designed digitally then hit print.</p>\n<p>once approved direction, go into production.</p>\n<p>they work with a method called pouncing. a technique that dates back to renaissance. you're basically perforating paper with tiny holes, then using chalk dust through them to transfer onto a substrate that then gets transfered to a panel to paint, without having to print onto the panel onto that.</p>\n<ul>\n<li>background sprayed</li>\n<li>letters painted by hand with enables.</li>\n</ul>\n<p>love the boldness of the sign, </p>\n<p>for something like this, people typically think of single stroke painting (start with single strokes, letter off the brush, let the brush dictake the forms). when talking about NYC, it's all large format, so it's first drawn and then bsuehd to render. the brush doesntdictate the form.</p>\n<p>with the inset panels, they did freehand the letters off a sekeleton. whenever they can they do try to bring in free-hand touch.</p>\n<h3>Glaser's Bakeshop</h3>\n<p>approached by a bakery opening a second location who wanted to use Glaser's Bakeshop as the inspiration and create a homage to the shop for their new locatin.</p>\n<p>this one was in a landmark historic district. now in their 13th year in NYC, they've been through this many times. They've figured out how they talk to Landmark Preservation in terms of how to get these things done. </p>\n<p>Sometimes there's a disconnect. It's hard to say \"we wanna do these signs that're historically rooted, but we're rooting in the 1950s, but the building was built in the 1890s\"</p>\n<p>landmarks/historic preservation want to speak to when the building was built, but new york history is layered and ocmplex. it's not statica nd is fluid. the overlaying of different eras in one storefront makes it more interesting. </p>\n<p>have honed th etechnicque in how they present to a histoirical committtee.</p>\n<p>classically, nyc signs would use all the space that could be taken...the guidelines they received back was that they need to be width of storefront, but centered on teh building, and not picking up the thing. then presented a robust presentation of why they didn't want to do what they suggested. got hte width they wantd and, in the same process, did hand sketches,</p>\n<h3>Clover Delicatessen</h3>\n<p>teh sign, in terms of preservation, needed a lot of work and outside of the capabilities and not enough space, themselves.</p>\n<p>really unique letterforms and construction.<br />\nmost neon signs are on a cabinet or raceway. these are channeled with stainless steel cans (a raceway is a thin strip vs. a panel that all the lettering is on)</p>\n<p>they created the raceway then put the type on a ledge to have it on top (and dimensionality).</p>\n<p>therew as a veselka, a lcoal business in brooklyn, </p>\n<p>one thing they love about what htey made is how many people see it. there's something about putting work into the worl dhtat'll impact so many people whethere they pay attention or not. it's going to be come a landmark in their neighborhod, on their commute, etc. with such a wonderful legacy/product/all and in a location that it'll be seen by so many people.</p>\n<p>subject forward sign (the top down on a stand)</p>\n<h2>Closing</h2>\n<p>With Noble Signs, their hope is that htey have this spasce where they ahve a studio and a shop and two teams working in both locations but they keep them interconnected in many ways. </p>\n<p>bsasically whoever works there, regardless of team, will have some connection/knowledge/work together/collaborate on every major project.</p>\n<p>its' really lacking in society now, where we so often design things, job them out to vendors, and whoever has the lowest bid. tehre are</p>\n<p>when you separate design and manufacturing in a signicantway, you lose that connectivity that allows you to make something that's really special and unique. we're able to have physical objects that are really grounded in humanity. with the people tha tmde them having connection in alls teps of the process. you're able to tap into something that's oteherwise really ahrd to gran oneto.</p>\n<p>artsists and designers work together under one roof, pushing fowrad creatively, innovating, with craftspeopole/trades/makers working together hand-in-hand, two arms, working together to make thigns atha re spectactular. </p>\n<p>our goal is to scratch at that greatness that w dsee in the work that inspires us so much.</p>\n<h2>History</h2>\n<p>Since the sign industry was a haven for artistic talent, since the vinyl plotter in teh 19890s you conln't work at a sisgn shop. most people enter the trafde at lowest level, earning stripes with pnning na engles queue.</p>\n<p>lettering needed to look decent. you either had to hire a sign papinter/leter or do it yourself.</p>\n<p>Can stare with wodner at a handwritten letter. they weren't showing off, but the muscle memory kicked in. the proof was right there in the letters and how beautiful they were.</p>\n<p>In their hayday, there was nothing lgamoursou about painting. in mid-20th century, sign painters were even referered to as lettering mechanics. which shows how the trade was regarded. if you knew how to drive it was a good way to make a living.</p>\n<p>he randomly found out his great grandpa and great-great-granpda were sign painters too. he said they made all sorts of signs, and found out later (4-5 years after).</p>\n<p>only in hindsight can we look back with wonder at what people were capable of back then.</p>\n<p>ultimately becoming proficient at lettering ies less about talent and more about putting the time in to get it right. much like playing an instrument, it's achallenge that requires hours and hours of prsactice.</p>\n<p>it pays dividends, with a deep meditative quality that comes from doing skilled handwork. whether it's letttering, fabrication, orany ype of craft.</p>\n<p>there's a conficende that comes from learning how to letter. a mind body connection and a blieve with yourself in your own ability that transcends the medium into other aspects of your life. if interested, highly recommend it. </p>\n<p>every designer would benefit from direct involvement in the production process of the work they create. when culture was more local, you might have had the ability to visit a press or factory in your city or neighboorhood. economic realities make things very complex. </p>\n<p>in spite of that they're still pushing towards that model.</p>\n<h2>Sign Museum in Brooklyn</h2>\n<p>Been a collector his hwole life. once paying attention to old signs he couldn't stop.</p>\n<p>has objects, ephemera, and publications that showcase the diverse vernacular lettering syltess of NYC advertising.</p>\n<p>inspire artisans to expand upon the craft and preserve signs as toosl for design education, storytelling, and reclaiming the visual language of place in the face of accelerating globalization.</p>\n<p>When taking down their sign, they found an even older sign from the 50's showing the italian roots of the neighborhood in Bensonhurst. Able to save that too, but bittersweet.</p>\n<h3>House of Oldies sign</h3>\n<p>just brought into museum; the family saved hte signs when closing from panedmic; and were able to record their story. are working on a piece to share over the next few months. very intresting stuff. </p>\n<h3>Another Sign on Staton Street</h3>\n<p>multiple companies had used the building, but wanted to keep the sign up even if it chagnes. they were able to keep the sign and all the lettering/all. some day they'll plan to recreate and fully restuore this sign. </p>\n<p>Zuiflacht </p>\n<h3>Smight's Bar in Midtown</h3>\n<p>Another big coree neon. The longest side is 40ft wide. It was a day's project.</p>\n<p>weren't able to save the projecting box. projecting boxes are grandfathered in. so they remade the box and restored it to its original color. </p>\n<h2>Continuing</h2>\n<p>As we save more and more signs, we go deeper and deeper intot he question fo what is lost., eroding shared urban experience.</p>\n<p>vernacular signs hold our collectiv ememory. visually, culrturally, emotionally, and they contains tories both known/unkown stretching across generations. </p>\n<p>the loss is more than aesthetic. these visual markers of humanity carry our sense of community and without the our emotional connection to the urban evironment is weakened and depleted entirely.</p>\n<h2>Design and Memory</h2>\n<p>How design can function as a carrier of linearge and, with lettering, is an experesiosn of collective identity.</p>\n<p>new york venratular is a direct response to itself, informed by architecture</p>\n<h2>Qualities of New York Vernacular</h2>\n<p>most stores are set with 14, 18, 20, and 22feet. bandasa bove manay storefronts.<br />\nsigns typcially made by 9 thin sheet metal on rigid frames.<br />\nsigns post 1970 are mounted on a lume square tube, which same mehtod sued to make signs today</p>\n<p>the gold trim letters on alumnimum top sign may be the defining signage type of the late 20th century of new york city. it's essneitallly a thin piece of metal with a frame around it wrapped around a metal subsructure then slapped on the building. </p>\n<p>American Sign Musuem in Cicncinatti. </p>\n<p>It's affordablle</p>\n<p><strong>Clear subject for an emphasis and focus on legibility</strong><br />\nyou. know instantly what the business sells with it. the sign tells you everything you need to know. there's a certain humiility.sujbect emphasis has replaced with brand emphasis. now everyone hads a logo and a brand. but they do'tn tell you about the business or what it does.</p>\n<p>signs are a communicaiton method and if you're not communicating what the busines sis doing clearly, it's not a successful as a sign.</p>\n<p>when design decisions were left to signmakers, there was a clear consessu on what the sign should do. tell you waht the business sales. </p>\n<p>there's a certain decency in telling people that you do in such simple terms, creating a feeling of inclusiveity. </p>\n<p>when a sign says restraing you know you sshould go there to eat. with opaque identities, it feels like a litmus test. then it becomes you just keep walking. </p>\n<p>when you have an etnire aventue with every business comunicating what it does, it feels more like a community.</p>\n<p>Every shop felt like a community space.</p>\n<p><a href=\"https://www.nytimes.com/2025/07/28/realestate/sesame-street-design-over-the-years.html\">https://www.nytimes.com/2025/07/28/realestate/sesame-street-design-over-the-years.html</a></p>\n<h3>Local Lettering</h3>\n<p>Beyond type and format, there are nuances of the local newyork style. been tryign to dodify it. </p>\n<p>typically sans serif, bold, condensed, typically geometric sans (letting built off a square or rectangle)<br />\ncurve of letters like B, C, O, S, P, aren't perfect ovals (traditional american sign painting) but more industrial/maodular. </p>\n<p>First reas: speed and efficiency. easer to each an apprecntic ehow to brush letter off the square.</p>\n<p>straight lines are fast and curves take more time.</p>\n<p>the top sign formati in NY is so effective because it's easily adaptable to many different widths. geometrci sans-serif lettering has the same quality. it can be easilye extended or conednesed. you can simply extend the lettering as needed, and can results in csome comically squished or extended lettering.</p>\n<p>AS a result of their usefulness, they proliferated locally, and becoming ubiquitous. that's how vernacular lettering takes off. it's in the streetscape around you and you copy/bring it into your own work. </p>\n<p>Also used in transit signage which coul dhave been par tof it. </p>\n<p>new york has a unique modular geometric ssytle. a directness and a focus on legibility. it all cuts through all the flair and to get to the point.</p>\n<p>tehre're many, and as you get into smaller lettering, you get into single stroke.<br />\nthe other style is more \"chisel lettering\" that's more calligraphic. it's more about speed and can be painted really rapidly and such.</p>\n<h2>Layout Color &amp; Design</h2>\n<p>vernacular style<br />\nbold, streamlined<br />\neconomy of space.<br />\na bauhaus approach: you don't see wasted space on classic NYC signs.<br />\naren't any significant unneccessary decorative elemtns. eveyr elemnt is a function of cummnication. realistate is valuable so it's maximized.</p>\n<p>color used in a simlar fashion.<br />\nprimary colors big.<br />\nyellow is particularly there, espcially for the yellow. yellow base with red/blue/green/orange was popularizeeby dominican american signmakers who brough ti from their home country and corner stores. </p>\n<p>also coul have built from the whole existing design lagngue becuase it grabs people attentions. </p>\n<p>yellow's great color for signmaking, because any color on yellow can still get good contrast. it may feel childish, but primary colors are a way to do it. </p>\n<p>it may be clean/contermporary but it's never colr or strerile.</p>\n<p>it's tstraightrforward enough to eappeal to everybodyw ithout ever feeling it bloongs to only some.</p>\n<p>minimalsim remains cruicial, but authenticity and warmth has become the most sought-after value as a counter to increasingly homogenized and mass-rproduced ociety.</p>\n<p>it shows us a model for hwo we can bring personality back into our visual world of modernity.</p>\n<h2>Misson &amp; future</h2>\n<p>there's an absence of character and humanity that it's forced on us, the visual culture of sameness and banality. hopign to codify vernacular into something knowalbe, teachable, accessible, that continues to resonate an continues to evolve.</p>\n<p>Museum's expanding reach into otehr initiatives. just launching oral history projects and interviewing not just signmakers but  business owners and neighborhood residencets. documeting these stories is really key to the mission. as craftspeople  as designers, we appreciate the artistic value/beauty/worhty of preservation...but the stories they hold, the storeis of real new yorkers, and what these places meant to them, tells an even more universal and pwerful message.</p>\n<p>there're few things tha bring more personal fulfillment than working with your hands, especially when its inservie with your neighbors.</p>\n<h2>What can we do to advance htis?</h2>\n<ul>\n<li>make work that honors vernacular of its setting</li>\n<li>consider context in our approach</li>\n<li>become advocates of rpresevation</li>\n<li>keep working together t okeep crfaft alive</li>\n<li>keep streetscapes full of humanity, character, and personality.</li>\n</ul>\n<p>while signs like this may not be coming back anytime soon, we can still cahnnel something equality spectacular.</p>\n<p>design can reflecthow we see ourselves, neightobrs, and community. </p>\n<p>it can reflect something bigger and a be a conduit for everythign we love about living in new york. its diversity, messiness, boldness. it's not about nostaligia, but being steawards toward ssomething reater of our shared memories and our irreplaable collective cutlure.</p>\n<h2>Onling ARchive</h2>\n<ul>\n<li>working onb uilding it, cataloging and coumenting all the work.<br />\nstartin gmostly with ephemera, as it's a bit more manageable.<br />\nlarge format signage is a challegne, working on differen tapproaches.<br />\nbook a tour at the museum.<br />\na year they're really trying to take steps forward for the nonprofit. if anyone has any leads on funding opportunities or donors, reach out to them.</li>\n</ul>\n<p>as designers we all have the ability to engage in the act of preservation and engae in how our design speaks to the place that we live and work. Wherever you are int he owrld, consider designing with context adn the responsibility we have as designers. it'ss a responsiblity that should not be taken lightly because when you put work into the world in that way, people are going to see it whetere they want to see it or not.</p>\n<p>do you accept volunteers at the museum? YES.<br />\nTo do so, send them an email. Always looing for volunteers.</p>",
            "date_published": "2026-02-06T00:00:00-05:00",
            "tags": [
                "Webinar",
                "Signage",
                "Graphic Design",
                "Visual Vernacular",
                "Craft",
                "Community Identity"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/notes-on-wordpress-theme-development",
            "url": "https://jonathanstephens.us/journal/notes-on-wordpress-theme-development",
            "title": "Notes on Wordpress Theme Development",
            "content_html": "<h2>Templates</h2>\n<p>Templates are the containers for each individual </p>\n<h2>Parts</h2>\n<p>Template parts are smaller sections of content that can be included in one or more templates, e.g. for things like <code>&lt;header&gt;</code>, <code>&lt;footer&gt;</code>, <code>&lt;aside&gt;</code>. Think of them as top-level templates. </p>\n<p>In the file structure, they <em>can't</em> be nested.[^ Template parts – Theme Handbook | Developer.WordPress.org. (2023, October 26). WordPress Developer Resources. <a href=\"https://developer.wordpress.org/themes/templates/template-parts/#organizing-template-parts\">https://developer.wordpress.org/themes/templates/template-parts/#organizing-template-parts</a>]</p>\n<p><em>Template parts</em> are dynamic, use slug-based references.</p>\n<ul>\n<li><em>Template part variants</em> are variations of a thing registered to the same template part area, e.g. context-specific designs, like different headers for different page types)</li>\n</ul>\n<h2>Patterns</h2>\n<p>Patterns are static, reusable design elements that allow content changes while locking design elements, thus can't be edited through the interface. Before Wordpress 6.3 (now at 6.9), patterns used to be called <em>reusable blocks</em>[^ Comparing patterns, template parts, and synced patterns (Reusable blocks). (2023, August 8). Documentation. <a href=\"https://wordpress.org/documentation/article/comparing-patterns-template-parts-and-reusable-blocks/\">https://wordpress.org/documentation/article/comparing-patterns-template-parts-and-reusable-blocks/</a>] </p>\n<p>They can be small atoms all the way to full pages. Each pattern (or component) should follow the single responsibility principle. </p>\n<h3>Modes</h3>\n<ul>\n<li>\n<p><strong>Synced</strong> are stored in the database and (when content, style, or structure changes) all patterns are updated, so a pattern can be updated once and applied everywhere. If a synced pattern is changed in the visual site editor, all the instances of that will change. [^ Synced Patterns (Reusable blocks). (2026, January 9). Documentation. <a href=\"https://wordpress.org/documentation/article/reusable-blocks/#demonstration-of-the-reusable-block\">https://wordpress.org/documentation/article/reusable-blocks/#demonstration-of-the-reusable-block</a>]</p>\n</li>\n<li>\n<p><strong>Unsynced</strong> are <strong>not</strong> stored in the database. They're self-contained. They can be singular patterns themselves, or be <em>synced patterns that were <strong>detached</strong></em>, becoming unsynced instances.</p>\n</li>\n</ul>\n<h3>Types</h3>\n<ul>\n<li><strong>Global patterns</strong> available everywhere to be used on posts, pages, templates, and any block editing context. Useful for content sections like call-to-actions, testimonials that would be across the whole site. </li>\n<li><strong>Block-specific patterns</strong> appear only when certain blocks are added, and are set through a <code>blockTypes</code> registration. </li>\n<li><strong>Post-type-specific patterns</strong> are for having specific patterns based on the specific content types. For example, a case study versus a blog post: both are similar types of content, but would have a separate <code>post-type specific pattern</code> need.</li>\n<li><strong>Template-specific patterns</strong> only appear when creating new templates, and are the starting point for template creation flows. e.g. when creating a new template, most all will need the site-wide navigation and footer, but the <code>main</code> area changes. </li>\n</ul>\n<h2>Templates</h2>\n<h2>Layout Blocks</h2>\n<p>There are a few variations—group, row, stack, grid—of different layout block types—constrained and flow.  </p>\n<ul>\n<li><strong>Constrained layouts</strong> enable content width restrictions. </li>\n<li><strong>Flow layouts</strong> \"go with the flow\", adapting size without. manual adjustment. </li>\n</ul>\n<p>Most helpful would be using constrained parents with flow children, if constrained parents are needed—a combination of them all.</p>\n<ul>\n<li><strong>Group</strong> blocks serve as the primary layout container, with access to all major layout tools. </li>\n<li><strong>Row</strong> and <strong>stack</strong> use <code>flex-flow</code> directions, with row being horizontal and stack being vertical. Very useful for pattern type things. </li>\n<li><strong>Grid</strong> is the implementation of CSS <code>grid</code> layouts. </li>\n</ul>\n<h2>Images</h2>\n<p>Wordpress has three default image sizes:</p>\n<ul>\n<li>large;</li>\n<li>medium;</li>\n<li>thumbnail.</li>\n</ul>\n<h2>Scenarios</h2>\n<ul>\n<li><strong>Use a synced pattern</strong> if something like business hours are repeated content throughout the site, and they should be at the end of every post. </li>\n<li><strong>Use a template part</strong> if something's about the whole site's structure and carry semantic meaning.</li>\n<li><strong>Use a pattern</strong> when it's about repeating a design or layout. Since the <em>content</em> doesn't need to be synced, the pattern is best. </li>\n</ul>\n<h2><code>theme.json</code></h2>\n<p>Everything set here determines what's available in the block editor panel. Surface styles, colors, background images, font choices, typographic metrics, flow &amp; space sizes. Each of the things that are related to size are named with label and value representation. If the size is explicit, it's shown (e.g. <code>1rem</code>). If it's more variable, the size is not shown as helper text (e.g. if value is <code>clamp(min, bounds, max)</code>). </p>\n<h2>Sources</h2>\n<ul>\n<li><a href=\"https://olliewp.com/lesson/course-intro/\">https://olliewp.com/lesson/course-intro/</a></li>\n<li><a href=\"https://wordpress.org/documentation/article/comparing-patterns-template-parts-and-reusable-blocks/\">https://wordpress.org/documentation/article/comparing-patterns-template-parts-and-reusable-blocks/</a></li>\n</ul>",
            "date_published": "2026-02-05T00:00:00-05:00",
            "tags": [
                "Wordpress",
                "Learning in Public"
            ]
        },
        {
            "id": "https://jonathanstephens.us/articles/public-domain-resources",
            "url": "https://jonathanstephens.us/articles/public-domain-resources",
            "title": "Public Domain Resources",
            "content_html": "<h2>Museums</h2>\n<h3>National Gallery of Art</h3>\n<blockquote>\n<p>Our open data program is a natural extension of the National Gallery’s mission: to welcome all people to explore and experience art, creativity, and our shared humanity.</p>\n<p>We aim to make as much data as possible available to as many people as possible, in support of research, teaching, and personal enrichment. We believe that increased access to factual data about works of art fuels knowledge, scholarship, and innovation, inspiring uses that transform the way we discover and understand the world of art.</p>\n<p>You can download the dataset of factual art object information for the 130,000+ artworks and artists in our collection from Github. We release this data under a Creative Commons 0 (CC0) license. This means that you can download the full dataset free of charge, and without seeking our permission.</p>\n</blockquote>\n<p><strong>URL:</strong> <a href=\"https://www.nga.gov/artworks/free-images-and-open-access\">nga.gov/artworks/free-images-and-open-access</a></p>\n<h3>Smithsonian Open Access</h3>\n<blockquote>\n<p>Welcome to Smithsonian Open Access, where you can download, share, and reuse millions of the Smithsonian’s images—right now, without asking. With new platforms and tools, you have easier access to more than 5.1 million 2D and 3D digital items from our collections—with many more to come. This includes images and data from across the Smithsonian’s 21 museums, nine research centers, libraries, archives, and the National Zoo.</p>\n</blockquote>\n<p><strong>URL:</strong> <a href=\"https://www.si.edu/openaccess\">si.edu/openaccess</a></p>\n<h3>Art Institute of Chicago</h3>\n<blockquote>\n<p>The Art Institute of Chicago is pleased to offer free, unrestricted use of over 50,000 images of works in the collection believed to be in the public domain or to which the museum otherwise waives any copyright it might have. Such images are made available under Creative Commons Zero (CC0) designation and the Terms and Conditions of this website.</p>\n</blockquote>\n<p><strong>URL:</strong> <a href=\"https://www.artic.edu/open-access/open-access-images\">artic.edu/open-access/open-access-images</a></p>\n<h2>Aggregates</h2>\n<h3>ArtBee</h3>\n<blockquote>\n<p>ArtBee aggregates [public domain access collections from museums] into one searchable platform, making it easier to discover and download high-quality public domain artworks.</p>\n</blockquote>\n<p><strong>URL:</strong>  <a href=\"https://artbee.org/\">artbee.org</a></p>\n<h3>Public Domain Image Archive</h3>\n<blockquote>\n<p>Explore our hand-picked collection of 10,919 out-of-copyright works, free for all to browse, download, and reuse. This is a living database with new images added every week.</p>\n</blockquote>\n<p><strong>URL:</strong> <a href=\"https://pdimagearchive.org/\">pdimagearchive.org</a></p>\n<h2>Lists of Resources</h2>\n<h3>Pratt Institute Libraries</h3>\n<blockquote>\n<p>The links below provide access to images that are in the public domain or have been made available for reuse and can likely be used in for small run scholarly publications and theses free of charge.  Always check the rights statement associated with each image to make sure that you are abiding by the terms of use, which may include a specific format for the credit line.</p>\n</blockquote>\n<p><strong>URL:</strong> <a href=\"https://libguides.pratt.edu/c.php?g=763369&amp;p=8238035\">libguides.pratt.edu/c.php</a></p>\n<h3>Apollo Magazine</h3>\n<blockquote>\n<p>A round-up of museums and archives that have released high resolution images into the public domain</p>\n</blockquote>\n<p><strong>URL:</strong> <a href=\"https://apollo-magazine.com/open-access-image-libraries-a-handy-list/\">apollo-magazine.com/open-access-image-libraries-a-handy-list</a></p>\n<h3>Digital Art History Directory</h3>\n<blockquote>\n<p>The Digital Art History Directory (DAHD) is an open-access publication containing a database of digital art history projects and information on data sources, best practices in Digital Art History project construction, preservation, and web archiving. Intended to be the largest, most comprehensive, and inclusive collection of information on Digital Art History and to function as a tool and living resource, rather than a static publication, the DAHD provides a platform for discovery, sharing, and research of Digital Art History.</p>\n</blockquote>\n<p><strong>URL:</strong> <a href=\"https://dahd.hcommons.org/open-image-collections/\">dahd.hcommons.org/open-image-collections</a></p>\n<h3>A Home is Announced</h3>\n<blockquote>\n<p>On this site you’ll find links to my Public Domain Print Shop, as well as posts for DIY tutorials, thrifting tips, my favorite books I’m reading, updates on our most recent home renovations and a little bit of real life sprinkled in along the way. Thanks for visiting my little corner of the internet and I hope you enjoy your stay!</p>\n</blockquote>\n<blockquote>\n<p>After spending thousands of hours sourcing free public domain art for The Public Domain Print Shop, I’ve learned a thing or two about where to find the best public domain art online.</p>\n</blockquote>\n<p><strong>URL:</strong> <a href=\"https://ahomeisannounced.com/2025/04/17/best-public-domain-art-online/\">ahomeisannounced.com/2025/04/17/best-public-domain-art-online</a></p>",
            "date_published": "2026-02-01T00:00:00-05:00",
            "tags": [
                "Resource",
                "Public Domain",
                "Inspiration",
                "Free",
                "Creative Commons"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/growth-statuses",
            "url": "https://jonathanstephens.us/journal/growth-statuses",
            "title": "Growth Statuses",
            "content_html": "<p>Last year, <a href=\"https://jonathanstephens.us/journal/craft-practice-8\">I focused on establishing my digital garden</a>.</p>\n<p>Now that I actively use it—in writing, sharing resources, portfolio development, professional branding—I need a way to easily facilitate cultivating my garden. </p>\n<p>I'm doing this by implementing growth statuses. </p>\n<h2>Inspiration</h2>\n<p><a href=\"https://maggieappleton.com\">Maggie Appleton&#039;s garden</a>  initially hooked me into gardening metaphor. I've read and re-read her <a href=\"https://maggieappleton.com/garden-history\">Garden History</a> essay. The definition she uses to explain <em>what</em> a digital garden is, I find, beautiful:</p>\n<blockquote>\n<p>A garden is a collection of evolving ideas that aren’t strictly organised by their publication date. They’re inherently exploratory – notes are linked through contextual associations. They aren’t refined or complete - notes are published as half-finished thoughts that will grow and evolve over time. They’re less rigid, less performative, and less perfect than the personal websites we’re used to seeing.</p>\n</blockquote>\n<p>What <em>really</em> struck me was developed pattern language, creating some guiding principles of the digital gardening ethos:</p>\n<ol>\n<li><strong>Topography over Timelines</strong>, organized around contextual relationships and associative links;</li>\n<li><strong>Continuous Growth</strong>, never finished, constantly growing, evolving, and changing;</li>\n<li><strong>Imperfection &amp; Learning in Public</strong>, imperfect by design; balancing chaos and cultivation;</li>\n<li><strong>Playful, Personal, and Experimental</strong>, non-homogenous by nature, a personal playspace complete with quirks, contradictions, and complexity;</li>\n<li><strong>Intercropping &amp; Content Diversity</strong>, nonlinear thinking, sustainably anti-monocropping;</li>\n<li><strong>Independent Ownership</strong>, a small patch of the web that you fully own and control.</li>\n</ol>\n<h2>Defining need</h2>\n<p>While <em>seedling</em>, <em>budding</em>, and <em>evergreen</em> work for her digital garden, I want something a bit more granular. </p>\n<p>I need these statuses to continue iterating on my gardening practice. My site is the one page on the internet I go to most, looking to knock things off on my <a href=\"https://jonathanstephens.us/tags/To%20Read\">To Read</a> list, or coming back to thoughts I had documented a bit ago. </p>\n<p>I'm also hitting the wall of Scale. I have over 2,000 posts written, collated, and tagged It's getting difficult to easily find my way and just tend to my garden. </p>\n<h2>Inspiration from Web Content Accessibility Guidelines (WCAG) working draft</h2>\n<p>Earlier this week, I was reading the <a href=\"https://www.w3.org/TR/wcag-3.0/\">WCAG 3.0</a>—as you do—and what caught my attention were their status levels. </p>\n<p>As the web's Content Accessibility Guidelines, the Accessibility Guidelines Working Group works in the open on the process &amp; progress of creating new, planetary standards for an accessible internet experience. Statuses are important—they give clarity on the section's finality, and what sort of feedback or engagement the working group's seeking at that stage.</p>\n<p>They have <a href=\"https://www.w3.org/TR/wcag-3.0/#section-status-levels\">five distinct statuses</a>:</p>\n<blockquote>\n<ul>\n<li><strong>Placeholder</strong>: This content is temporary. It showcases the type of content to expect here. All of this is expected to be replaced. No feedback is needed on placeholder content.</li>\n<li><strong>Exploratory</strong>: This content is not refined; details and definitions may be missing. The working group is exploring what direction to take with this section. Feedback should be about the proposed direction.</li>\n<li><strong>Developing</strong>: This content has been roughly agreed on in terms of what is needed for this section, although not all high-level concerns have been settled. Details have been added, but are yet to be worked out. Feedback should be focused on ensuring the section is usable and reasonable, in a broad sense.</li>\n<li><strong>Refining</strong>: This content is ready for wide public review and experimental adoption. The working group has reached consensus on this section. Feedback should be focused on the feasibility of implementation.</li>\n<li><strong>Mature</strong>: This content is believed by the working group to be ready for recommendation. Feedback on this section should be focused on edge-case scenarios that the working group may not have anticipated.</li>\n</ul>\n</blockquote>\n<h2>Hybridization</h2>\n<p>The gardening metaphor is <em>my</em> garden's wayfinding throughline; statuses are its scaffolding, supporting fundamental interconnectedness for cultivation. </p>\n<p>Today, I'm pushing the change to the site with these growth statuses:</p>\n<h3>Sown</h3>\n<p>Sown is the placeholder. It's temporarily a seed that's just been planted, showing what sort of content I may want to grow there. Everything's expected to change, it's tender and needs care. Not in a place for any critique. A shitty first draft. </p>\n<h3>Sprouting</h3>\n<p>Sprouting is when something's beginning to form; exploring what it may become. It's not refined, details and definitions may be missing. It has direction, seeking to become. </p>\n<h3>Rooting</h3>\n<p>Rooting is when its foundations are stabilizing, stronger structures forming, but not all details are completely added or yet to be worked out. The content's more resilient, persistent. It's broadly about usability and coherence; most high-level concerns settled.</p>\n<h3>Crowning</h3>\n<p>Crowning is mature enough to be published, focused on feasibility. What needs to be adjusted, to avoid content <a href=\"https://nature.sciencearray.com/crown-shyness-tree-canopy-gaps-explained\">crown shyness</a>? How can things be tightened up before heading to the more final step?</p>\n<h3>Evergreen</h3>\n<p>Evergreen is ready and good to go. There may be some light edits and occasional pruning needed, but it's considered complete and in maintenance mode &amp; syndication.</p>",
            "date_published": "2026-02-01T00:00:00-05:00",
            "tags": [
                "Growth Statuses",
                "Digital Gardening",
                "Garden Colophon"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/lists-of-emotions",
            "url": "https://jonathanstephens.us/journal/lists-of-emotions",
            "title": "Lists of Emotions",
            "content_html": "<p>I'm currently working on another post that took me down the path of seeking lists of emotions. That took me to discovering various histories of Naming emotions &amp; feelings, and ways of graphically mapping their relationships.</p>\n<h2><em>Self-report captures 27 distinct categories of emotion bridged by continuous gradients</em></h2>\n<p>This, a 1997 paper by Alan S. Cowena and Dacher Keltnera from University of California Berkley, found 27 discrete emotions.</p>\n<div class=\"callout callout--fact\">\n    <header class=\"callout__header\" aria-label=\"FACT\"><span class=\"callout__icon\" aria-hidden=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-radio-tower-icon lucide-radio-tower\"><path d=\"M4.9 16.1C1 12.2 1 5.8 4.9 1.9\"/><path d=\"M7.8 4.7a6.14 6.14 0 0 0-.8 7.5\"/><circle cx=\"12\" cy=\"9\" r=\"2\"/><path d=\"M16.2 4.8c2 2 2.26 5.11.8 7.47\"/><path d=\"M19.1 1.9a9.96 9.96 0 0 1 0 14.1\"/><path d=\"M9.5 18h5\"/><path d=\"m8 22 4-11 4 11\"/></svg></span><span class=\"callout__label\">FACT</span></header>\n    <h3>Interesting fact of the publication process.</h3>\n    <p>The paper was originally received on February 9, 2017, and approved for publication on August 7, 2017. That means, it took: </p>\n    <ul>\n    <li>179 days, </li>\n    <li>4,296 hours, and</li>\n    <li>257,760 minutes, to get <em>approval</em> to be published.</li>\n    </ul>\n</div>\n<p>With the paper is an interactive web artifact, mappipng the plotted emotions to the videos tested with study participants. </p>\n<figure><img alt=\"\" src=\"https://jonathanstephens.us/media/pages/journal/lists-of-emotions/e31a42fa1f-1769878031/screenshot-of-interactive-emotion-mapping.png\" title=\"Screenshot of Interactive Emotion Mapping of Research Process Results\" width=\"3360\"><figcaption>A screenshot of the interactive website, as it appears after hovering over points on the graph. There are 27 emotions named &amp; paired with a representative photograph and color association of plotted videos-to-emotion in the graphic. The 27 emotions encircle dots where, on hover, an animated gif tooltip dialog appears—the thing that was tested, categorized, and plotted. Beside the central graphic is a spiderweb, radar chart. It plots each individual video's emotional mapping by highlighting the area; paired with a string of text with explicit emtion percentages.</figcaption></figure>",
            "date_published": "2026-01-31T00:00:00-05:00",
            "tags": [
                "Emotional Experience",
                "Semantic Space",
                "Dimensions",
                "Discrete Emotion"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/a-readme",
            "url": "https://jonathanstephens.us/journal/a-readme",
            "title": "A `README`",
            "content_html": "<h2>I'm a bottom-up processor.</h2>\n<p>I make sense of things from collections of details, patterns, recognition, and metaphor. </p>\n<h2>I'm aphantasic.</h2>\n<p>When you close your eyes and think of an apple, <em>visualize</em> the apple. See an image there, in your mind's eye? Even an abstract shape or image? </p>\n<p>I don't see a thing. I don't consider myself to have an \"imagination,\" but am very creative. </p>\n<h2>I'm a nonlinear, associative thinker.</h2>\n<p>A thoughtspark can ignite, crackling through 4–10 step associations relation seconds or few. In our house, it's a frequent request, \"wait; just a second. How'd you get <em>here?</em>\" We enjoy the practice in giving shape to the chain, naming the unexpected twists &amp; turns.</p>\n<p>It's not, \"first—I thought this, then that, <em>then</em> this other thing\" (linear thinking). It's more: \"first, I thought this. Then I saw that thing and that took me over there. I remembered that over there is sort of related to this other thing, that actually brought me back to this thing.\"</p>\n<p>Or: I say the <em>same thing</em> every time we pass a thoughtsparkly landmark. </p>\n<h2>My memory is a fickle friend.</h2>\n<p>Asking questions like, \"do you remember when...?\" sets you up for disappointment, if you always expect an immediate yes. I need to find the path to get to there. </p>\n<p>While working in an office, that may mean \"walking along the floors\" to remember a name, but doing it in an open space. To access the memory of the person's name, I have to travel there, and <em>then</em> I can remember the project because <em>that person</em> was in it. </p>\n<p>Other times, I forget words like \"team leads\" when presenting to a deparrment's Team Leads...during the Weekly Team Lead Meetings. </p>\n<p><em>C'est ma vie. </em></p>\n<h2>I prefer reading &amp; writing to speaking.</h2>\n<p>I ask lots of questions, I want to talk things out, but I need to be writing things down to remember and retain anything. It's why I prefer to meet with white boards, and like white boarding things out together. </p>\n<p>I have a hard time retaining or engaging with audio-only things. My brain just don't work well with it—mostly trying to process what was said and think about it and keeping those thoughts while still trying to focus and listen to what is said. </p>\n<h2>I prefer to have clear agendas to meetings, with planned topics to discuss.</h2>\n<h2>I am a typographer.</h2>\n<p>I like fonts, but I like trying to make the words being read the best they can be—spells; containers of Meaning and Power. </p>\n<p>I pay attention to those tittles and tildes, rivers and widows. For me, fun is learning the history of punctuation. Discovering answers to things like: , where did the idea of \"space between words\" even come from?  Which was invented first: the period or the semicolon?</p>\n<p>Letters give form to meaning, shape to sounds. It's time-travel, enabling human-to-human across time and space. Some create worlds filled of futures and hope. Others destroy, spreading hate and fear. </p>\n<p>All with a(n) (in)finite collection of characters—ink to paper. An amazing human innovation with measures &amp; rhythms. Beats and the pace.</p>",
            "date_published": "2026-01-30T00:00:00-05:00",
            "tags": [
                ".README",
                "Personal .README"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/what-everyones-making",
            "url": "https://jonathanstephens.us/journal/what-everyones-making",
            "title": "What everyone's making",
            "content_html": "<h2>Creating</h2>\n<ul>\n<li><a href=\"https://whitemeatmovie.com/\">https://whitemeatmovie.com/</a></li>\n<li><a href=\"https://www.lisawoodley.com/resistance-toolkit\">https://www.lisawoodley.com/resistance-toolkit</a></li>\n<li><a href=\"http://www.leadwithtempo.com/\">http://www.leadwithtempo.com/</a></li>\n</ul>\n<h2>Organizing</h2>\n<ul>\n<li><a href=\"https://www.academieduclimat.paris/evenements/club-de-design-postcapitaliste-8/\">https://www.academieduclimat.paris/evenements/club-de-design-postcapitaliste-8/</a></li>\n<li><a href=\"https://www.thesensemakersclub.com/\">https://www.thesensemakersclub.com/</a></li>\n<li><a href=\"https://www.rvacontentstrategy.com/\">https://www.rvacontentstrategy.com/</a></li>\n<li><a href=\"https://www.contentdesignleaders.com\">https://www.contentdesignleaders.com</a></li>\n<li><a href=\"https://www.designshifts.org/\">https://www.designshifts.org/</a></li>\n<li><a href=\"https://www.confabevents.com\">https://www.confabevents.com</a></li>\n<li><a href=\"https://www.buttonevents.com\">https://www.buttonevents.com</a></li>\n</ul>\n<h2>Books</h2>\n<ul>\n<li>\n<p><a href=\"https://bookshop.org/p/books/ux-skills-for-business-strategy-articulating-impact-for-product-user-and-business-outcomes-kim-mats-mats/e00d2a22af1ca242\">https://bookshop.org/p/books/ux-skills-for-business-strategy-articulating-impact-for-product-user-and-business-outcomes-kim-mats-mats/e00d2a22af1ca242</a></p>\n</li>\n<li>\n<p><a href=\"https://sternlyworded.com/good-job-book\">https://sternlyworded.com/good-job-book</a> </p>\n</li>\n<li>\n<p><a href=\"https://bookshop.org/p/books/strategic-writing-for-ux-drive-engagement-conversion-and-retention-with-every-word-torrey-podmajersky/2ace979ea821eca1?ean=9781098174330&amp;next=t\">https://bookshop.org/p/books/strategic-writing-for-ux-drive-engagement-conversion-and-retention-with-every-word-torrey-podmajersky/2ace979ea821eca1?ean=9781098174330&amp;next=t</a></p>\n</li>\n<li>\n<p><a href=\"https://bookshop.org/p/books/ux-skills-for-business-strategy-articulating-impact-for-product-user-and-business-outcomes-kim-mats-mats/e00d2a22af1ca242?ean=9781098177874&amp;next=t\">https://bookshop.org/p/books/ux-skills-for-business-strategy-articulating-impact-for-product-user-and-business-outcomes-kim-mats-mats/e00d2a22af1ca242?ean=9781098177874&amp;next=t</a>&amp;</p>\n</li>\n<li>\n<p><a href=\"https://www.mulebooks.com/just-enough-research\">https://www.mulebooks.com/just-enough-research</a></p>\n</li>\n<li>\n<p><a href=\"https://www.mulebooks.com/conversational-design\">https://www.mulebooks.com/conversational-design</a></p>\n</li>\n<li>\n<p><a href=\"https://greenleafbookgroup.com/titles/sustainable-content\">https://greenleafbookgroup.com/titles/sustainable-content</a></p>\n</li>\n</ul>\n<h2>Speaking</h2>\n<ul>\n<li><a href=\"https://vimeo.com/351167991\">https://vimeo.com/351167991</a></li>\n<li><a href=\"https://vimeo.com/188285898\">https://vimeo.com/188285898</a></li>\n<li><a href=\"https://www.eventbrite.com/e/no-seriously-fck-engagement-building-a-more-human-web-tickets-1980899893907\">https://www.eventbrite.com/e/no-seriously-fck-engagement-building-a-more-human-web-tickets-1980899893907</a></li>\n</ul>\n<h2>Newsletters</h2>\n<ul>\n<li><a href=\"https://thejawbreaker.beehiiv.com/\">https://thejawbreaker.beehiiv.com/</a></li>\n<li><a href=\"https://productpicnic.beehiiv.com/\">https://productpicnic.beehiiv.com/</a></li>\n<li><a href=\"https://buttondown.com/jonathanstephens\">https://buttondown.com/jonathanstephens</a></li>\n<li><a href=\"http://mindmusingsofmars.substack.com/\">http://mindmusingsofmars.substack.com/</a></li>\n</ul>\n<h2>Building</h2>\n<ul>\n<li><a href=\"https://daviddylanthomas.com/\">https://daviddylanthomas.com/</a></li>\n<li><a href=\"http://www.catbirdcontent.com/\">http://www.catbirdcontent.com/</a></li>\n<li><a href=\"https://www.muledesign.com/\">https://www.muledesign.com/</a></li>\n<li><a href=\"https://www.braintraffic.com/\">https://www.braintraffic.com/</a></li>\n<li><a href=\"https://haymarketstudio.co/\">https://haymarketstudio.co/</a></li>\n<li><a href=\"https://howthisworks.co/\">https://howthisworks.co/</a></li>\n</ul>\n<h2>Working</h2>\n<ul>\n<li><a href=\"https://pleo.io/\">https://pleo.io/</a></li>\n<li><a href=\"https://www.bloomworks.digital/\">https://www.bloomworks.digital/</a></li>\n<li><a href=\"https://sightglasspartners.com/\">https://sightglasspartners.com/</a></li>\n<li><a href=\"https://www.bloomworks.digital/\">https://www.bloomworks.digital/</a></li>\n<li><a href=\"https://sightglasspartners.com/\">https://sightglasspartners.com/</a></li>\n<li><a href=\"https://miro.com/\">https://miro.com/</a></li>\n<li><a href=\"https://www.bemyeyes.com/\">https://www.bemyeyes.com/</a></li>\n<li><a href=\"https://www.lullabot.com/\">https://www.lullabot.com/</a></li>\n<li><a href=\"https://www.zillow.com/\">https://www.zillow.com/</a></li>\n<li><a href=\"https://code.oa.pa.gov/\">https://code.oa.pa.gov/</a></li>\n<li><a href=\"https://adhoc.team/index.html\">https://adhoc.team/index.html</a></li>\n<li><a href=\"https://www.thinkcompany.com/\">https://www.thinkcompany.com/</a></li>\n<li><a href=\"https://dts.ucla.edu/\">https://dts.ucla.edu/</a></li>\n<li><a href=\"https://www.sap.com/about/company.html\">https://www.sap.com/about/company.html</a></li>\n<li><a href=\"https://inflection.ai/\">https://inflection.ai/</a></li>\n<li><a href=\"https://mercury.com/\">https://mercury.com/</a></li>\n<li><a href=\"https://www.get-carrot.com/\">https://www.get-carrot.com/</a></li>\n</ul>\n<h2>Sponsoring</h2>\n<ul>\n<li><a href=\"https://www.dscout.com/\">https://www.dscout.com/</a></li>\n<li><a href=\"http://dittowords.com/\">http://dittowords.com/</a></li>\n</ul>\n<h3>In-kind</h3>\n<ul>\n<li><a href=\"https://www.careerstrategylab.com/\">https://www.careerstrategylab.com/</a></li>\n<li><a href=\"https://www.thesensemakersclub.com/\">https://www.thesensemakersclub.com/</a></li>\n<li><a href=\"https://thecdo.school/\">https://thecdo.school/</a></li>\n<li><a href=\"https://www.contentdesignleaders.com/\">https://www.contentdesignleaders.com/</a></li>\n<li><a href=\"https://rosenfeldmedia.com/\">https://rosenfeldmedia.com/</a></li>\n<li><a href=\"https://catbirdcontent.com/\">https://catbirdcontent.com/</a></li>\n<li><a href=\"https://indiyoung.com/\">https://indiyoung.com/</a></li>\n<li><a href=\"https://daviddylanthomas.com/\">https://daviddylanthomas.com/</a></li>\n</ul>",
            "date_published": "2026-01-29T00:00:00-05:00",
            "tags": [
                "Throughline Conference",
                "List'o'links",
                "Active Voice",
                "Community"
            ]
        },
        {
            "id": "https://jonathanstephens.us/journal/exclamaquest-studio-throughline",
            "url": "https://jonathanstephens.us/journal/exclamaquest-studio-throughline",
            "title": "Exclamaquest Studio: A Throughline",
            "content_html": "<p>This is the next evolution for the unlaunched Exclamaquest Studio.</p>\n<p>I need to do something more fun and related towards longer term goals I have in selling posters, crafting fonts, and expanding my design practice outside of the web. </p>\n<p>Throughline Conference is this week and I'm volunteering, assisting Amy Santee with her \"Find your career throughline\" workshop. With that temporal mindsetting frame, it seems appropriateto name <em>throughline</em> as this week's theme &amp; word of the week. </p>\n<h2>Throughline</h2>\n<p>A throughline is, literally, a line that holds together a narrative, all the way <em>through</em> it. You can call them recurring themes, the plot, or purpose of a thing, but throughline gives those words graphic form. </p>\n<h2>Exclamaquest</h2>\n<p>Exlamaquest was one of the original names proposed for the, now, accepted term for the interrobang punctuation mark (‽). It makes sense, in both cases, that these were proposed, as it's a hybrid of the interrogative question mark and the exclamatory bang mark (<em>bang</em> being a shorthand word for exclamation mark used in typographic &amp; graphic production practices).</p>\n<h3>Exclamatory</h3>\n<p><em>Exclamation</em> has a few different contexts. According to Wordhippo:</p>\n<blockquote>\n<ol>\n<li>A sudden cry or remark expressing surprise, strong emotion, or pain</li>\n<li>A loud calling or crying out</li>\n<li>A sudden cry or remark expressing surprise, strong emotion, or pain</li>\n<li>A spoken word, statement, or vocal sound</li>\n<li>A profane or offensive expression used to express anger or other strong emotions</li>\n</ol>\n</blockquote>\n<p>It's an expression of emotion—<em>strong</em> emotion. </p>\n<h3>Questionary</h3>\n<h3>Emotive</h3>\n<h3>Hybrid</h3>\n<h2>Composition</h2>\n<p><a href=\"https://codepen.io/collection/NKpBem\">https://codepen.io/collection/NKpBem</a></p>",
            "date_published": "2026-01-26T00:00:00-05:00",
            "tags": [
                "Word of the Week"
            ]
        }
    ]
}