Visual contract · V0.1

Community showcase

The rendering contract for community surfaces. What appears here is in-bounds. Deviations require a Chain decision.

DEC-210 Zen Shell STD-82 Ghost Surfaces brand-voice.md Tone & palette Semantics page →

Product Brain

Knowledge compounds. Decisions connect.

Where teams see the shape of what they know — and what's missing.

Primary appears once per region (Atlassian button guidance pattern).

Typography

Every entry in the Chain connects to what came before. Decisions reference principles. Tensions trace to bets. The system remembers so you don't have to.

Last updated 2 hours ago · 528 entries · 94 relations

Your strategy coherence score: 72%

Product Brain is the coherence layer for agentic product teams.

Where knowledge compounds instead of decaying.

Actions

Inline Open BET-211 in Chain → · interactive

Surfaces

Bridge inbox

3 items need your judgment today.

Rail context

Showing strategy readiness.

Active bet

BET-211 selected for review.

Forms

Capture a thought

Context

Lists & rows

Table

Entry	Layer	Status
BET-211	Execution	Active bet
DEC-251	Governance	Committed decision
TEN-445	Tension	Open — blocked

Loading & skeleton

Tokens: skeleton · line-subdued · focused on inputs

Ghost Cards

Signature semi-transparent card pattern — hover to reveal borders and lift.

Signal

3 Auth Tensions Clustered

TEN-918 · TEN-921 · TEN-933

Flow

Draft: API Rate Limiting

Shaping in progress

Updated 2h ago · 3 elements

Related decisions

DEC-330 Open learning model

DEC-251 Commit ceremony

+2 more

Zen Shell

Three-pane architecture. Spine overlays at z-20; Main uses padding for clearance; Rail docks on the right.

Main Pane

Scrollable, flexible width. Mode page renders here.

padding-left: 64px for Spine visual clearance

grid: 1fr auto z-index: 1

Backgrounds bleed behind transparent Spine

Dock

Content

Context / Facilitator / Skills

340px real

Spine: 64px · absolute · z-20 Main: flex-1 · padded Rail: 60+340px · dock|content

Spine

Four zones on a transparent background. The pill is the only prominent container. Everything else recedes.

Zone 0 — Workspace Identity

Not a mode. Logo mark opens workspace switcher.

Zone 1 — Thinking Modes

Frosted glass pill. 6 cognitive stances. Governed closed set (BR-153). Each answers a different thinking question.

Bridge — "What needs me right now?"
Strategy — "Where are we going?"
Roadmap — "What depends on what?"
Execution — "What are we building?"
Review — "Is this good enough?"
Brain — "Let me think with the system"

Zone 2 — Access Patterns

Subtle container. Not daily thinking stances — intake and inspection lanes. Lower opacity signals secondary importance.

Import — "Feed knowledge in"
Chain — "Browse the graph"

Zone 3 — System Dock

Always at bottom. Never changes Main or Rail. Notifications, guide, quick capture, user menu.

Bridge

The cockpit's home screen. Signal before flow. Every item earns its place.

Good morning. System health: 72%

Stage: Growth · 3 active bets · 2 items need judgment

Desk

Flow

Your work in progress. Low urgency, high value.

Draft: Auth Flow Fix

Shaping · 3 elements · 2h ago

Draft: API Rate Limiting

Phasing · 5 slices · 1d ago

Inbox

Signal

What needs your judgment. Each item earned its place.

Pattern: 3 auth tensions clustered

TEN-918 · TEN-921 · TEN-933

Health dropped 72 to 65%

3 decisions stale · 1 bet overdue

Signal vs Flow: Desk is creative work. Inbox is decisions. On mobile, Inbox appears first — signal before flow.

Rail

Context-aware intelligence panel. Three tabs, three zoom levels. Structure stays; content adapts.

Tabs — always the same three

Context

Mode-level intelligence

Facilitator

AI chat with Chain context

Skills

One-click actions

Zoom levels — content adapts, tabs stay

Z0 Mode

"What's happening?"

Default view

Z1 Entry

"Tell me about this"

Card click

Z2 Graph

"What's connected?"

Full Detail

Behavioral Models

Model A: Cockpit

7 of 8 Spine items. Stable instrument panel. Readings change, structure stays.

Model B: Adaptive

Brain Chat only. Fluid — reconfigures Spine, Main, and Rail independently.

Entry IDs

Zen Rule 1 — IDs as conversational currency. Hover to brighten; density mutes at rest when >3 visible.

BET-211 Community launch site active
DEC-330 Open learning model committed
TEN-918 Visual identity gap open
BET-130 Health endpoint draft
TEN-445 Auth friction cluster blocked

Motion & transitions

Hover each card to see its animation. All respect prefers-reduced-motion.

Ghost lift

translateY(-2px)

Border fade

opacity 0 → 1

Glow pulse

status indicator

Skeleton shimmer

loading state

Aggregation

The cockpit imperative — aggregate, don't list. Signal over noise.

Instead of 50 tensions in a flat list...

Pattern: Auth Friction 10 signals

Instead of raw activity feed entries...

3 bets moved, 1 decision made since yesterday

Instead of per-collection item counts...

System health:

65%

Product Brain

Knowledge compounds. Decisions connect.

Where teams see the shape of what they know — and what's missing.

Primary appears once per region (Atlassian button guidance pattern).

Typography

Every entry in the Chain connects to what came before. Decisions reference principles. Tensions trace to bets. The system remembers so you don't have to.

Last updated 2 hours ago · 528 entries · 94 relations

Your strategy coherence score: 72%

Product Brain is the coherence layer for agentic product teams.

Where knowledge compounds instead of decaying.

Actions

Inline Open BET-211 in Chain → · interactive

Surfaces

Bridge inbox

3 items need your judgment today.

Rail context

Showing strategy readiness.

Active bet

BET-211 selected for review.

Forms

Capture a thought

Context

Lists & rows

Table

Entry	Layer	Status
BET-211	Execution	Active bet
DEC-251	Governance	Committed decision
TEN-445	Tension	Open — blocked

Loading & skeleton

Tokens: skeleton · line-subdued · focused on inputs

Ghost Cards

Signature semi-transparent card pattern — hover to reveal borders and lift.

Signal

3 Auth Tensions Clustered

TEN-918 · TEN-921 · TEN-933

Flow

Draft: API Rate Limiting

Shaping in progress

Updated 2h ago · 3 elements

Related decisions

DEC-330 Open learning model

DEC-251 Commit ceremony

+2 more

Zen Shell

Three-pane architecture. Spine overlays at z-20; Main uses padding for clearance; Rail docks on the right.

Main Pane

Scrollable, flexible width. Mode page renders here.

padding-left: 64px for Spine visual clearance

grid: 1fr auto z-index: 1

Backgrounds bleed behind transparent Spine

Dock

Content

Context / Facilitator / Skills

340px real

Spine: 64px · absolute · z-20 Main: flex-1 · padded Rail: 60+340px · dock|content

Spine

Four zones on a transparent background. The pill is the only prominent container. Everything else recedes.

Zone 0 — Workspace Identity

Not a mode. Logo mark opens workspace switcher.

Zone 1 — Thinking Modes

Frosted glass pill. 6 cognitive stances. Governed closed set (BR-153). Each answers a different thinking question.

Bridge — "What needs me right now?"
Strategy — "Where are we going?"
Roadmap — "What depends on what?"
Execution — "What are we building?"
Review — "Is this good enough?"
Brain — "Let me think with the system"

Zone 2 — Access Patterns

Subtle container. Not daily thinking stances — intake and inspection lanes. Lower opacity signals secondary importance.

Import — "Feed knowledge in"
Chain — "Browse the graph"

Zone 3 — System Dock

Always at bottom. Never changes Main or Rail. Notifications, guide, quick capture, user menu.

Bridge

The cockpit's home screen. Signal before flow. Every item earns its place.

Good morning. System health: 72%

Stage: Growth · 3 active bets · 2 items need judgment

Desk

Flow

Your work in progress. Low urgency, high value.

Draft: Auth Flow Fix

Shaping · 3 elements · 2h ago

Draft: API Rate Limiting

Phasing · 5 slices · 1d ago

Inbox

Signal

What needs your judgment. Each item earned its place.

Pattern: 3 auth tensions clustered

TEN-918 · TEN-921 · TEN-933

Health dropped 72 to 65%

3 decisions stale · 1 bet overdue

Signal vs Flow: Desk is creative work. Inbox is decisions. On mobile, Inbox appears first — signal before flow.

Rail

Context-aware intelligence panel. Three tabs, three zoom levels. Structure stays; content adapts.

Tabs — always the same three

Context

Mode-level intelligence

Facilitator

AI chat with Chain context

Skills

One-click actions

Zoom levels — content adapts, tabs stay

Z0 Mode

"What's happening?"

Default view

Z1 Entry

"Tell me about this"

Card click

Z2 Graph

"What's connected?"

Full Detail

Behavioral Models

Model A: Cockpit

7 of 8 Spine items. Stable instrument panel. Readings change, structure stays.

Model B: Adaptive

Brain Chat only. Fluid — reconfigures Spine, Main, and Rail independently.

Entry IDs

Zen Rule 1 — IDs as conversational currency. Hover to brighten; density mutes at rest when >3 visible.

BET-211 Community launch site active
DEC-330 Open learning model committed
TEN-918 Visual identity gap open
BET-130 Health endpoint draft
TEN-445 Auth friction cluster blocked

Motion & transitions

Hover each card to see its animation. All respect prefers-reduced-motion.

Ghost lift

translateY(-2px)

Border fade

opacity 0 → 1

Glow pulse

status indicator

Skeleton shimmer

loading state

Aggregation

The cockpit imperative — aggregate, don't list. Signal over noise.

Instead of 50 tensions in a flat list...

Pattern: Auth Friction 10 signals

Instead of raw activity feed entries...

3 bets moved, 1 decision made since yesterday

Instead of per-collection item counts...

System health:

65%

Light Dark

Topbar Topbar inverts completely — the only surface where light/dark tokens swap roles

Primary action Blue #8a7e6b (light) → warm #c9b99a (dark) — accent recedes on void, never demands attention

Ghost surface 30% opacity in both modes — cards recede equally, only the base shifts

Signal edge Same red, same intensity — urgency reads identically regardless of mode

Entry IDs 55% opacity at rest in both modes — density behavior is mode-agnostic by design

Inverse plate Dark-on-light ↔ light-on-dark — full token inversion for contrast blocks

Aggregation Health bar stays green — signal colors are constant across modes (DEC-210)

Forbidden — requires a Chain decision to change

Purple gradients as decoration
Sparkle/wand icons on AI features
Rainbow or multi-hue accent schemes
Brain illustrations or mascots
Signal colors on non-signal elements
Chat-only layouts without cockpit chrome

Reduced motion: theme cross-fade and skeleton pulse respect prefers-reduced-motion.

Press T to cycle theme