language • structure • play • local-first • media surfaces
Language as material. Structure as play. Systems that stay readable.
This site is a live workbench. A frame can be read as a page section, a semantic unit, a panel, a room, or a cognitive container. A word can be treated as a topic, a signal, a handle, or a seed. Images are not illustrations alone; they are nearby materials that show what structure feels like when it gathers light, weight, and rhythm.
The homepage should be readable in layers. A reader can move through the page as prose, as a registry, as a topical map, as a gallery, or as an operator grammar. The goal is not merely navigation. The goal is to let someone wonder into a language, then into a component system, then into a field of relationships among words, panels, topics, and images.
This page is also a specimen cabinet for the rest of the site. Some sections behave like nooks, some like portals, some like registers, and some like specimens. The point is not to label everything. The point is to let different regions carry different kinds of consequence.
Surface view
Every character in <Spw> is a cognitive gesture. A frame #> orients. A probe ? opens inquiry. A reference ~ reaches without binding. An action @ commits. A surface > projects.
The same unit can be stressed differently depending on context. A word may be plain prose in one paragraph, a topic handle in another, an operator route somewhere else, or a label inside an SVG. This lets the page teach that typography is not only styling — it is a model of emphasis, access, and relationship.
The site is built from reusable frames, cards, chips, figures, operator routes, image studies, and publishing surfaces. Those are not separate concerns. They are parts of one semantic lattice where plain text, component structure, visual atmosphere, and media cues can reinforce one another.
Syntax view
Each line is a gesture in a grammar that stays readable as plain text. Operators are vocabulary. Braces are containment. Topic handles and image studies can both be indexed as semantic surfaces.
#>home_frame < orients this unit of meaning
#:layer pragmatics < qualifies interpretive layer
^"reading_layers"{
?[word] < asks what a word is doing here
~image < relates text to nearby study
@accent < commits a local emphasis
*topic < connects repeated themes
>surface < projects visible hierarchy
}
&[context]{
=part_of_speech "noun|verb|adjective|operator|topic"
$meta "panel|caption|card|image|route"
!constraint "stay readable in plain text"
}
Artifact view
Website view
The website itself is part of the practice. It is a field guide, a publishing surface, an observatory for settings and states, and a test for whether a site can stay readable while becoming more semantic, promptable, and cross-referenceable.
The practical thesis: readable syntax can give people and tools the same map. A typographic layer becomes more valuable when it is also a semantic layer. A surface becomes more valuable when it can imply nearby contexts without becoming noisy.
One page, many reading layers
The home page should let a person read by prose, by components, by topics, by images, or by operator stance.
As prose
Read sentences for argument, tone, and invitation. A word behaves like language first.
As components
Read frames, cards, chips, figures, panels, and captions as a visible grammar of page structure.
As topics
Read repeated terms as handles into software, pedagogy, craft, architecture, publishing, or play.
As image relations
Read images as nearby materials that test how a concept behaves when it gathers form and light.
A word can play many parts of speech
On this page, a term can behave as noun, verb, adjective, topic, route, operator, label, caption, or material cue.
Noun
frame as a thing: a container, a card, a room, a visible boundary.
Verb
frame as an action: to orient, to prepare, to set expectation and containment.
Adjective
frame-like as a quality: bounded, editorial, deliberate, clarifying.
Operator
#> as an operator: a formal stance that changes how the next thing is read.
The same principle applies to surface, signal, craft, and play. This is useful because the site is not just cataloguing topics. It is also showing how a vocabulary becomes more expressive when the page itself demonstrates multiple grammatical uses.
Different contexts for accenting words
Accent should not mean one thing. It should be able to indicate topic, operator stance, utility, emphasis, relation to image, or route depth.
Inside prose
Use italics, rhythm, and sentence placement to make a word feel mobile or alive.
A structure can lean forward before it is named.
As topic handle
Use a topic wrapper when a word is meant to be revisited, discovered, or connected to nearby sections.
compression
As operator route
Use an operator chip when the word is a navigational stance or a procedural invitation.
?parsers
Near an image
Use a caption or figure note when the word is explaining what the image is testing or materializing.
“Typographic routing” behaves differently beside a rendered study than inside a paragraph.
Words, topics, and images should reinforce one another
An image can act as evidence, mood, nearby material, contrast, or an invitation to reinterpret a topic physically.
How To Read The Site
Start with the page in front of you, then follow handles when you want more. The left wall can bias density; the right wall can bias operator color. Each layer you unlock can stay unlocked, forming incremental topical depth through repeated traversal.
{ leans structural and shared; the right wall } leans situated and felt.
The site is built from different kinds of places
A page does not only need sections. It can have rooms with different gravity: reflective nooks, charged portals, registers, specimens, workshops, theatres, kitchens, and archives.
Some surfaces should feel worth screenshotting
The aim is not to replace HTML with images. The aim is to let a component feel like a meaningful specimen that could become a render study, poster, or prompt seed later.
Signal Register
Artifact Register
A dense directory of deployed experiments, formats, and structural playthings that can cross-reference one another later.
-
#>spw_workbench spw-workbench TypeScript workbench for parser, runtime, projection, and readable operator systems. -
#>spw_quest spw.quest Language documentation for Spw as a plain-text grammar with visible structure and operator precedence. -
>"website_field_guide" Website field guide Explains the runtime shell, design commitments, profiles, themes, and publishing surface logic. -
>pretext_surface Pretext physics Projection, rhythm, and measurable whimsy for genre-aware rendering. -
?parser_routes Parser surfaces Routes into parser systems, structural syntax, and plain-text accumulation. -
^tool_registry Tools Utilities, profile builders, and support surfaces for the broader ecosystem.
Language as a field — not only a format
Static Rigidity
- Demands exact serialization.
- Fails on missing commas.
- Opaque to the uninitiated.
- Designed mainly for transmission.
Living Field
- Tolerates ambiguous intent.
- Gracefully degrades to plain text.
- Supports scaffolded access for learners.
- Designed for accumulation and reuse.
One concept, many stances
How a single object changes behavioral expectations based on the operator prepended to it.
#> project
Establishes the environment. Sets boundaries, imports dependencies, prepares state.
? project
Questions assumptions. Triggers tests, audits, or interpretive challenges.
@ project
Executes the artifact. Builds, writes, emits, or deploys.
Surface Register
- ~recipes
- Applied kitchen structure, mise en place, reduction, fermentation, and hospitable composition.
- @services
- Service surfaces for design, software structure, and long-arc consistency.
- #>architecture
- Architecture routes for readable systems, project structure, and semantic organization.
- ^pedagogy
- Learning surfaces that connect language, study, explanation, and cumulative instruction.
- .settings
- Runtime observatory for typography, density, profiles, themes, and visible state.
Material Studies
Visual studies for pretext physics, schedulers, semantic phases, compression, papergami structure, and botanical media atmosphere.
The website is part of the practice
If I practice paying attention to this site, it should become more useful, more legible, more beautiful, more technically sound, and more able to support collaboration, study, and publication.
Home as orientation
The home page should teach how to read the ecosystem: parts of speech, components, topics, images, and operator routes.
Website as field guide
The website field guide explains the runtime shell, design commitments, and publishing surface logic.
Settings as observatory
Settings should clarify which parts of the system are global, local, atmospheric, behavioral, or inspectable.
Craft as extension surface
Craft is where fragments, files, SVGs, and screenshot logic can become reusable media patterns.