Design Review
Artifact info
Title:

Revillage Earth — Prototype Review & Pattern Language Integration

Engagement:

Revillage Earth

Client:

Revillage Earth

Meeting Date:
May 1, 2026
Next Meeting Date:
May 13, 2026
Hide This
April 16, 2026
Hide This
April 9, 2026
Hide This
April 1, 2026
Hide This
February 10, 2026
Hide This
People
James Redenbaugh
Matt Jorgensen
Tori Immel
Artifact Image
Meeting Summary

Strategic Context & Timing

Matt opened with the timeliness pressure driving the website launch (02:35). A recent town hall drew roughly 100 community members, and the soft launch of the Grayton Station crowdfund is beginning today via QR codes and printed logos, with a public push and press planned around May 13th. As more curious, arm's-length observers begin engaging in late May, the website needs to crisply articulate how the various entities — the business, the town square, the place-based public council, and the foundation — relate to each other. Rather than relying on words and diagrams in conversation, the team wants to point people to revillageearth.org/our-work for clarity.

Matt and Tori expressed deep appreciation for James's creative output and capacity to weave heart into the work, noting how the Figma explorations and prototype are inspiring fresh articulations of what Revillage is doing.

Prototype & Visual Language

Watershed Illustration & Holon Concept

The watershed topo graphic created with Munya landed strongly with both Matt and Tori (06:00). Matt noted it feels like a "best of synthesis" of earlier inspiration, with one consideration: it leans 100% ecologically forward, where some prior references included nodes of human activity layered into the topography. Munya offered to expand the illustration with houses or human infrastructure elements if desired.

Tori connected the visual to the copy line "a watershed remembering itself" (32:00), noting the deep ecological stewardship arc paired with near-term focus on the hands, faces, and hearts showing up in the village. The team agreed Munya's expansion to include subtle human elements would help bridge those scales.

The "pick your scale" pathway visual (thousands, hundreds, dozens) prompted reflection on the fractal/Holon concept Revillage uses frequently (11:23). Rather than asking visitors to see themselves as "one of a thousand," the team aligned on reframing it as household → village → watershed — articulating the holon more naturally.

Hero Color Direction

Between three hero variations, both Matt and Tori gravitated toward the terracotta option (33:48). Matt noted terracotta "represents that bridge between Earth and human" and ties nicely to Grayton Station. Tori appreciated its character, warmth, and the subtle texture suggesting soil and seashell erosion — hand of the maker. The greenest variant felt like it "tripled down" on the ecological reading already present elsewhere.

Card & Corner Aesthetics

The team affirmed the rounded corner aesthetic across cards, with Matt describing it as "professional but very friendly" and a "nice nervous system feeling" compared to most websites (37:20). Light background color accents on cards were welcomed to help text pop while preserving the soft, image-forward feel.

Site Philosophy & Christopher Alexander Integration

James walked through how Christopher Alexander's pattern language is shaping the prototype's structure and intent more than its visual surface (13:28). The philosophy guiding the site:

  • Lean into generosity — what can be given away, made transparent
  • Move away from pressured calls-to-action or emotionally engineered conversions
  • Create entryways and approaches that invite people to land
  • Honestly display who the team is, where they're at, and what's alive

Matt shared how Alexander's "quality without a name" has made a strong impression on his own work, and was moved to see it embedded as a measurable design principle for the site (39:50). He flagged that the "gifted" dimension is currently underbuilt and wants to figure out how to articulate it well, since gift and reciprocity have driven the project so far.

James also shared that he's weaving in Fernando Flores's action language alongside Alexander's pattern language (45:40) — asking what deeper, slower actions (sitting with, witnessing, communing, transforming) the UI can consciously design for, beyond the typical click/scroll/share patterns.

Field Notes Concept

A new Field Notes page emerged as a way to keep the site alive without requiring blog-level commitment (15:00). Short, ~120-character updates from any team member — an event, a thought, a neighbor's idea — would surface what's currently engaged. Tori loved the format's lightness and proposed a parallel input channel where community members could contribute observations via a simple form feeding Airtable [tag="airtable"].

[technology="Community Facilitation Tools"]

Interactive & Participatory Features

Donation Slider & Fundraising Integration

The "pick your scale" contribution slider — showing what each tier enables — drew strong enthusiasm (18:43). The team is continuing with GiveButter for the foreseeable future, including an upcoming monthly-giving campaign called Friends of Grayton Public Spaces. Matt and Tori want to think through how the slider relates to specific campaign articulations (e.g., split allocations between programming and site maintenance).

James proposed automating GiveButter total updates via its API, or scheduling a daily Claude [tag="claude"] bot to refresh figures across the site (21:06).

[technology="Communication Automations"]

Get Involved Page

Tori appreciated how volunteering, events, and gatherings stack together on this page (21:50), and invited a participatory-by-design meta-treatment — perhaps a small sticky-note function inviting visitors to share skills, giveaways, or things that would light them up to offer in service of community. Matt agreed this addition would round out the page meaningfully, with the open question of how that input gets ingested.

Visual Mix & Photography Strategy

Tori shared that the team is working with a photographer for Grayton Station's social channels and may expand that engagement, plus capture live community shots at an upcoming event (24:12). James affirmed every prototype placeholder can become a photograph or illustration, with some serving as background section treatments. A mix of genuine community imagery and stock is acceptable — the priority is avoiding a "stocky" feel.

Process & Next Fork

James outlined the path forward (25:33):

  1. Matt and Tori complete the copy doc by end-of-day Monday
  2. James produces a final prototype serving as the wireframe, with image and asset notes
  3. Style decisions (fonts, colors, background treatments, illustrative quality) get locked
  4. Build moves into Webflow [tag="webflow"], combining wireframe + style rather than fully designing every page in Figma

The intent is to keep the process lean given budget and timeline constraints.

Pattern Language as a Larger Project

James shared his digital pattern language infographic — a work-in-progress that pairs Alexander's traditional patterns with digital translations and includes anti-patterns (memory disenfranchisement, fake activity indicators, roach motel UX), which Matt found especially powerful: "the shadow teaches the light" (45:06). 📄

James envisions this becoming a collaborative wiki updating Alexander's patterns and anti-patterns for the modern world, and invited Matt, Tori, and Spencer into that conversation. Matt — who was first introduced to Alexander by Spencer years ago — offered to be of service however helpful, noting this body of work is a major thread in what he's channeling these days.

AI Workflow & Tooling

James walked through his current research mode using Obsidian as a notes manager paired with Claude [tag="claude"] (48:57). By sharing folders directly with Claude, he can have the model research thinkers, generate interlinked files, and reference accumulated knowledge across blog posts and creative work — building persistent memory rather than relying on session threads. Switching models later remains easy because the brain lives on the local hard drive.

Matt expressed strong interest in porting from his current ChatGPT-based stack ("6 to 12 months into tech debt") to Claude + Obsidian, and would pay for that as a service (52:35). James floated training an AI or building a small course to support that transition. Tori echoed wanting to play with the same stack, especially as an alternative to questionnaire-driven AI branding tools that miss the felt, generative quality of the work.

The conversation closed with reflection on Anthropic's more ethical posture and the broader pressures of the AI race (55:04).

Action Items

Matt Jorgensen

  • Review and comment on the website copy doc and prototype by end-of-day Monday (07:51)
  • Add ideas for the participatory "share what's alive for you" feature on the Get Involved page (23:00)
  • Sit down with Tori to align how the donation slider relates to specific campaign articulations (e.g., Friends of Grayton split allocations) (20:30)
  • Explore porting from ChatGPT stack to Claude + Obsidian workflow (52:35)

Tori Immel

  • Lead development and refinement of the website copy doc by end-of-day Monday (08:01)
  • Coordinate photography for the upcoming community event with shot list aligned to website needs (24:12)
  • Plant the participatory-by-design seed into the Get Involved page copy and design notes (22:30)
  • Download Obsidian and begin experimenting with the AI research workflow (53:30)

James Redenbaugh

  • Produce the final prototype/wireframe with image and asset notes once copy is locked (27:00)
  • Coordinate with Munya on expanding the watershed illustration to include subtle human infrastructure elements (31:13)
  • Explore GiveButter API or scheduled Claude bot to keep fundraising totals current on the site (21:06)
  • Share pattern language infographic links and continue inviting Matt, Tori, and Spencer into the digital pattern language project (40:57)
  • Consider building a short course or AI agent to help others port their AI stacks to Claude + Obsidian (53:00)
Relevant Initiatives

Website Design & Development

Priority: 
Very High
Size: 
L
Completing

Brand Development & Visual Language

Priority: 
Very High
Size: 
M
Completing

Photography & Visual Asset Development

Priority: 
High
Size: 
S
Planning Stage

Mission Language & Content Development

Priority: 
High
Size: 
S
Planning Stage

Community Participation & Listening Systems

Priority: 
Medium
Size: 
M
Planning Stage

Field Notes & Living Content System

Priority: 
Medium
Size: 
S
Planning Stage

AI Workflow Training & Migration Support

Priority: 
Low
Size: 
M
Idea Stage
Transcript