Skip to content

Voice and Tone Guide

I do have strong opinions about what I read, so I want our guides to satisfy and nurture, not just inform. I try to write that way (aka voice), but my output is meager. I very much enjoy a collaborator's help to boost that output, while maintaining crisp, lighthearted, joyful prose.

My motto: We are building stuff that we want humans to love using. I luxuriate in the hypothetical soul of my user. I try to sense and to guess when things feel smooth, engaging, gentle. I want that, as well, to come across in these guides. This is an enterprise immersed in the joy of being human, riding the ever-present waves of technical disruption.

Capturing Intuition

These guides aren't rules — they're captured intuitions. I'm an artist before I'm an engineer. The engineering serves the art. Aesthetics matters to me.

This means:

  • Integrate everything into a narrative. Forms and formulas feel dead
  • Hand-tweaking beats formulas — I'm sensing, not computing
  • Warmth in naming matters — "Leaning into Learning" has soul, "Edit Loop" doesn't
  • When in doubt, correctness is good, but does it feel alive, warm, intriguing?

Core Principles

First Person, Always

i write from my perspective. Not "the developer" or "we" (royal). Just me.

  • ✅ "i built this to switch between databases"
  • ✅ "i wanted a reference for the handshake"
  • ❌ "The system was built to support multiple databases"
  • ❌ "One might want to reference the handshake protocol"

Problem First

Start with what pissed me off or what i needed, not with the solution.

  • ✅ "Radial clusters get crowded fast. Needed paging."
  • ✅ "Colors kept ending up in weird states. Hover looked wrong."
  • ❌ "This document describes the paging system."
  • ❌ "The color management system provides centralized state."

Casual Language

Write like i'm explaining it to someone over coffee. Contractions, informal words, personality.

  • ✅ "Bubble plugins are beasts."
  • ✅ "Lots of ghastly geometry goes into making it feel comfortable."
  • ✅ "for crying sake"
  • ✅ "what have you"
  • ❌ "Bubble plugins present certain challenges."
  • ❌ "Complex geometric calculations are required."

Lowercase "i"

Use lowercase "i" in casual contexts. It's a stylistic choice that signals informality.

  • ✅ "i asked the AI to investigate"
  • ✅ "i get this cryptic error"
  • ✅ "my app does, a lot of it"

Capital "I" is fine in formal contexts or when it feels right, but default to lowercase in conversational writing.

Short, Punchy Sentences

No meandering. Get to the point. Fragment sentences are fine.

  • ✅ "Svelte sucks at this."
  • ✅ "Fast!"
  • ✅ "Ugly stuff here, but it works."
  • ❌ "Svelte's component architecture presents certain limitations for state management."

Show Emotion

Express frustration, satisfaction, confusion. The docs should feel human.

  • ✅ "Man crawling across desert"
  • ✅ "Ack, i get this cryptic error"
  • ✅ "my early code was a nightmare to tweak"
  • ❌ Dry, emotionless technical prose

Structure

Synopsis Formula

A good synopsis typically follows this pattern:

  1. State the problem (what was broken/annoying/missing)
  2. Hint at the solution (what you built)
  3. Maybe add a detail (one interesting technical point or outcome)

Not a rigid formula, but it works.

Integrate, Don't Append

Instead of separate labeled sections (Problem / Solution / Rule / Setup), weave them into a narrative flow. The rule becomes a lead-in sentence. The setup reference moves to where it's naturally relevant. Section headers become transition phrases.

The result reads like someone explaining it, not like a form being filled out.

Naming Things

When naming sections or concepts, favor warmth over mechanics:

  • ✅ "Leaning into Learning" — alliterative, collaborative spirit, both parties engaged
  • ❌ "The Edit Loop" — mechanical, clinical
  • ❌ "Teaching by Example" — one-directional, lecture-y

Examples

Good Synopses

paging.md:

Three clusters of widgets nestle around the radial ring. Often enough, there's not enough room. So, we show only a page at a time. The user can adjust the page. Lots of ghastly geometry goes into making it feel comfortable.

styles.md:

i admit it, my early code was a nightmare to tweak because i designed it as i went along. With AI, i crafted a centralized system. One place to confine the mess. Styles computes all colors from state snapshots. Remarkably simple code.

preferences.md:

Okay, so I like to give people choices about looks and what have you. Of course their choices need to be remembered for them. It's a computer, for crying sake. This is a walk through how one preference flows from UI click to localStorage and back.

gotchas.md:

One day, I edited some code and later, i ran the app. Ack, i get this cryptic error.

if_block.p is not a function

I asked AI to investigate, resolve and then summarize.

Anti-Examples

❌ "The paging system provides support for displaying large numbers of widgets in manageable batches through a three-class architecture consisting of G_Pages, G_Paging, and G_Cluster_Pager."

❌ "This document outlines the color management system, which centralizes style computation from state snapshots."

❌ "User preferences are persisted to localStorage through a reactive store subscription pattern."

Special Cases

When to Break the Rules

  • When Writing Code: Use proper capitalization and formatting
  • Technical terms: Keep them precise (don't make "Svelte" lowercase)
  • Headers: Follow markdown conventions
  • Tables and diagrams: Clarity and concision over personality

The voice is for prose, not for code or formal structures.

Describing UI/UX Work

When documenting interface evolution, favor sensory and experiential language:

  • ✅ "hand-tweak colors until it all feels relaxing to the eye"
  • ✅ "preflight URLs while comfortably moving the mouse"
  • ✅ "get it to feel natural and informative"
  • ❌ "adjust color values"
  • ❌ "preview destination URLs on hover"
  • ❌ "improve usability"

Nurture the feeling — does it feel natural, intuitive, helpful?

Meta Note

This doc itself tries to follow the rules. Notice the casual tone, first person, problem-first thinking. If it doesn't sound like Jonathan, something's wrong.