01 / Intent
Name the reader job
State who the page serves, the decision it supports, and what remains human-owned.
Component catalogue
Browse rendered foundations, then see content, navigation, and page patterns working on real routes.
Quality contract
A page begins with a reader job, uses an approved composition, exposes one primary action, and names the proof that should return. Shared components earn reuse through explicit states, real consumers, and browser evidence.
01 / Intent
State who the page serves, the decision it supports, and what remains human-owned.
02 / System
Use semantic tokens and components whose states, standards, and consumers are explicit.
03 / Evidence
Test the contract and rendered states; return failures to the earliest responsible owner.
Four families
Foundations are reusable building blocks. Larger compositions stay visible through their owning pages until their reuse contract is proven.
Reusable interface primitives, shown below in real rendered states.
17 live specimens ↓
Diagrams, structured data, and teaching displays shown where they are used.
Wayfinding, next-step, and journey controls shown in their working context.
Composed landing, orientation, venture, and decision-page patterns.
Reusable foundations
These components have an explicit reuse contract. Search by name or purpose, or use a family filter to move between the catalogue and live examples.
Showing 17 of 17 reusable foundations
Compact semantic status labels.
Primary and supporting actions with complete interaction states.
A bordered surface for grouped content.
Related content stays together.
Tonal contrast creates hierarchy.
A short passive label or a generous interactive link.
A named horizontal reading constraint.
A copy-ready prompt that turns reading into action.
Put this to work
Copy this prompt. Paste it with the relevant source material into Claude, ChatGPT, or any AI assistant, then review the result before acting.
Name the decision this page should help a reader make. Identify the smallest useful next action. State what evidence would change the recommendation.
Responsive structured data: cards on small screens and a table on large screens.
| State | Meaning | Action |
|---|---|---|
| Ready | Evidence passes | Proceed |
| Hold | Evidence is incomplete | Review |
One filter→result affordance across three dummy domains: industries, capabilities, and business artifacts.
Domain adapter 1 · Realist surface
4 industries
Frontier
Outcome: Shape demand through attention
Production verticals
Outcome: Biometrics and outcomes data
Cross-cutting rails
Outcome: Move value between actors
Production verticals
Outcome: Physical automation of works
| Industry | Layer | Conviction | Phase |
|---|---|---|---|
| Advertising | Stories | Ruled out | 6.0+ |
| Healthcare | Works | Moat-creating | 4.0 |
| Payments | Pipes | Already arrived | 5.0 |
| Robotics | Works | Stack-native | 4.0→5.0 |
Domain adapter 2 · Engineer surface
3 capabilities
Domain adapter 3 · future strategic rollout
3 artifacts
Strategy
Outcome: Outcome-capability-ownership cells for one system
Commercial
Outcome: Position, package, and price one offer
Outcome: A reusable, evidence-bounded response scaffold
| Artifact | Lifecycle | Audience | Decision relevance |
|---|---|---|---|
| Operating Model | archived | internal | Low |
| Pricing Model | live | internal | High |
| RFI Response Template | draft | external | Medium |
Connected KB meaning: named concepts, typed relationships, evidence, value, constraints, and human action.
Judgment language
Each layer answers a different question. Together they turn connected knowledge into a navigable mental model.
What exists
Observedjudgment.ontology
Name the entities, relationships, boundaries, and invariants in play.
How we know
Observedjudgment.epistemology
Separate evidence from inference and name what would change the claim.
Where it belongs
Inferredjudgment.taxonomy
Classify each entity by nature, job, authority, and lifecycle.
What to call it
Observedjudgment.nomenclature
Give each concept a stable, distinguishable, and decodable name.
Why it matters
Observedjudgment.axiology
Name the beneficiary, intended good, and what must not be traded.
Metrics and capability serve value; they do not define it.
What fits now
Inferredjudgment.phronesis
Integrate particulars, values, timing, authority, and consequences into action.
A line that can name the transition between ideas.
A structural label that prepares the next heading.
Structural label
Quiet label
Consistent destination cards for curated indexes.
An explicit call to action inside prose.
Continue into the UI/UX design playbook.
One of three deliberate vertical gaps between related items.
A semantic page band with controlled vertical spacing.
Alternating section surface
A consistent eyebrow, heading, and lede hierarchy.
Clear hierarchy
The opener establishes topic, claim, and supporting context.
One metric with a label and optional evidence note.
20
primitives
one owner
0
facades
target
Navigation specimens
Each option preserves ordered source structure, whole-block links, descriptive scent, and keyboard access. Choose the quietest treatment that makes the destinations clear.
Best when navigation should sit quietly inside a content page.
Best when readers must compare a smaller set of distinct routes.
A compact ordered collection with shared edges.
Selected for the Playbook landing page: substantial destinations with room for strong information scent.
Page-pattern specimen
One shared orientation for Value, Belief, and Control: compass, chart, then helm and vessel. The owning page changes emphasis without changing the voyage.
The Navigation System
Value anchors the voyage before Belief draws the chart and Control turns the helm.
Page-pattern specimen
A live chooser and comparable cards for business ideas. These fixtures preserve the real component behavior while keeping showcase filters out of the page URL.
Choose a stage or business model.
4 ventures
Productized positioning service that attracts qualified prospects to service businesses
Human authority: The venture owner decides whether demand evidence warrants continued effort.
Inspect Berley TrailsShared coordination infrastructure so AI-native ventures skip the 12-month stack tax
Human authority: External teams decide whether the shared infrastructure solves a real need.
Inspect StackmatesFan-owned loyalty infrastructure that helps creators build direct relationships that outlive any platform
Human authority: Creators and fans retain consent over any loyalty or ownership model.
Inspect PrettyMintEmbodied social rituals that measurably increase trust and belonging in an AI-first world
Human authority: Participants retain consent and may stop any embodied practice.
Inspect Touch For FunA consistent return from a venture overview to the complete marketplace.
Page-pattern specimen
The above-the-fold hero for the Ideas hub with clear reader job, Fraunces display typography, and for/not-for-you permission line.
Ideas
Inspect a live experiment. Start a bounded crossing. Learn the loop that keeps both honest. These are experiments, not promises.
Page-pattern specimen
Improved venture showcase cards with better hierarchy: status chips → name → one-liner → beneficiary + problem → evidence → CTA. Scannable by stuck/who/what-might-improve/maturity/next-move.
Productized positioning service that attracts qualified prospects to service businesses
Human authority: The venture owner decides whether demand evidence warrants continued effort.
Inspect Berley TrailsVisit product siteShared coordination infrastructure so AI-native ventures skip the 12-month stack tax
Human authority: External teams decide whether the shared infrastructure solves a real need.
Inspect StackmatesVisit product site