kbpd.ai — home Talk to us
← Proof Studio

Demo · Demonstrator

One brand system, multiple surface moods

A design lead wants to see whether source-backed surfaces can change register without becoming a pile of one-off styles.

demo ready to inspect public sanitized 9 evidence rows 15 evidence values
Inspect evidence Evidence JSON

system specimen

Source-bound surface survival

Rendered evidence
The graphic shows re-theme survival: the register changes, but the component grammar holds.

HERMES case-study frame

Read the case before the evidence room.

A reviewer should be able to answer seven things before opening the JSON export: what decision is in front of them, what changed against a cold start, which row carries the claim, where the value appears, what source trail exists, what purchase decision it informs, and what the case does not prove.

  1. 01 · Buyer question

    What is being decided?

    A design lead wants to see whether source-backed surfaces can change register without becoming a pile of one-off styles.

  2. 02 · Cold start

    Hand-themed surface

    A page changes mood by introducing new color values, new spacing, and special-case component CSS.

  3. 03 · KBPD-backed

    Source-bound surface

    The same component contract reads a different brand-source cluster. Structure holds while register changes.

  4. 04 · Boundary

    Demonstrator

    This proves visual system survival, not buyer conversion.

Best public row three-registers-rendered Publicly inspectable

Proof row

Three registers are rendered from one system

The public specimen shows warm, neutral, and cool surface registers while keeping the same component skeleton.

Supports the claim that mood can change without becoming one-off component CSS.
Evidence value
Theme registers: 3 Warm, neutral, and cool registers are generated from the same brand source.
Source trail
Specimen page public route · Public projection
Buyer decision
Open the specimen gallery The visible proof is re-theme survival: the page changes mood without losing the underlying component grammar.
Limit
Demonstrator This proves visual system survival, not buyer conversion.

Evidence room

Inspect the evidence, values, and limits.

This is the public review surface for the case. Each row names the observation, the evidence values it stands on, the source trail, the boundary, and the matching structured entry in the evidence export.

Evidence JSON
Review order Question -> evidence -> value -> source -> limit Start with the case question, then inspect what the claim is allowed to stand on.
Evidence export /proof/brand-system-survival/evidence.json The same evidence rows are emitted as JSON for independent review.
Claim boundary Demonstrator The page cannot claim more than this status supports.
Source availability

A source trail is not always a raw public artifact. Public projection means the source has been redrawn or summarized; retained source means it is named for audit but withheld until redaction clears.

Public projection
7
Retained source
1
Pending run
0

Public evidence excerpts

Readable snippets tied to evidence rows

These excerpts are the public bridge between retained raw sources and the evidence table below. Each one says what was preserved, what was redacted, and which evidence rows it supports.

  1. Public excerpt specimen-gallery-table-excerpt

    Specimen gallery table excerpt

    Seven public rows expose cold and system-backed links for color, composition, voice, grid, perception, product decision, and typography specimens.
    Source label
    Public specimen gallery
    Redaction note
    Only public microsite links and bounded artifact values are included; raw generation prompts and retained runtime internals are not exposed.
    Supports evidence rows

    seven-specimen-pairs-publictwenty-one-specimen-values-visible

  2. Public excerpt strongest-specimen-deltas-excerpt

    Strongest specimen deltas excerpt

    Color hierarchy moves 441 -> 18 near-value collisions, product decision moves 0.08 -> 0.73 outcome/output ratio, and typography moves 11 -> 0 hardcoded pixel type sizes.
    Source label
    Public specimen proof matrix
    Redaction note
    These are bounded artifact checks from public specimen rows; they are not presented as benchmark, conversion, or preference results.
    Supports evidence rows

    color-collisions-reducedproduct-decision-ratio-improvestypography-hardcodes-removed

Evidence rows
9
Reviewed public observations
Evidence values
15
Metric and run values exposed for review
Source trail
8
Artifacts named for review
Claim status
Demonstrator
Claim boundary for publication

Claim under review

A single brand-source system can render different surface moods while preserving component structure, spacing rhythm, and motion rules.

The visible proof is re-theme survival: the page changes mood without losing the underlying component grammar.

Date
Launch build
Sample
Seven public specimen pairs plus retained compositor inventory
Provenance
Generated design outputs, public specimen page, and public specimen gallery
Reproducibility
Visitors can inspect the specimen page, open the seven public cold/backed microsites, and use the retained counts as a publication boundary.
01 Three registers are rendered from one system Publicly inspectable evidence_facts[0]
Observed
The public specimen shows warm, neutral, and cool surface registers while keeping the same component skeleton.
Evidence
Metric row names three theme registers; visual evidence shows three surfaces sharing one component structure.
Supports
Supports the claim that mood can change without becoming one-off component CSS.
Evidence values used
Source trail
Limit that constrains this row

This proves visual system survival, not buyer conversion.

Evidence id three-registers-rendered Review URL #fact-three-registers-rendered
02 Design outputs are named source artifacts Public projection evidence_facts[1]
Observed
The case identifies generated design variables, the public specimen route, and motion rules as source artifacts.
Evidence
Source artifact list names design outputs, specimen page, and component runtime motion rules.
Supports
Supports the claim that the visual variation is source-bound rather than hand-themed.
Evidence values used
Source trail
Limit that constrains this row

Accessibility remains a gate per surface class.

Evidence id source-outputs-named Review URL #fact-source-outputs-named
03 Accessibility remains a gate Publicly inspectable evidence_facts[2]
Observed
The proof does not claim every visual register is automatically ready for every accessibility context.
Evidence
Limitations section states that accessibility remains a gate per surface class.
Supports
Supports the limitation boundary around what visual-system survival proves.
Evidence values used
Source trail
Limit that constrains this row

The seven microsites are artifact-quality checks; they do not prove market lift or user preference.

Evidence id accessibility-still-gated Review URL #fact-accessibility-still-gated
04 Seven cold/backed specimen pairs are public Publicly inspectable evidence_facts[3]
Observed
The brand-system case links seven public specimen pairs across color, composition, voice, grid, perception, product decision, and typography surfaces.
Evidence
The specimen proof matrix and specimen gallery both expose cold and system-backed links for all seven public microsites.
Supports
Supports the claim that the stronger proof corpus is a navigable demo set, not only a referenced artifact.
Evidence values used
Source trail
Limit that constrains this row

The color, product-decision, and typography values are proxy checks from bounded specimens, not broad benchmark results.

Evidence id seven-specimen-pairs-public Review URL #fact-seven-specimen-pairs-public
05 Twenty-one specimen values are visible Publicly inspectable evidence_facts[4]
Observed
Each public specimen lists one primary value and two secondary values, for twenty-one visible measured values across the gallery.
Evidence
The specimen gallery summary and per-specimen detail panels show the value labels, cold value, backed value, and interpretation.
Supports
Supports the requirement that the proof foreground actual values rather than hiding them in JSON.
Evidence values used
Source trail
Limit that constrains this row

The retained multi-kit runtime is not public until publication hygiene and dependency validation are complete.

Evidence id twenty-one-specimen-values-visible Review URL #fact-twenty-one-specimen-values-visible
06 Color hierarchy specimen reduces near-value collisions Publicly inspectable evidence_facts[5]
Observed
The color specimen reports near-value collisions moving from 441 in the cold output to 18 in the system-backed output.
Evidence
The specimen matrix, gallery selector, and evidence values all show the same 441 -> 18 color hierarchy delta.
Supports
Supports a concrete artifact-quality claim about visual hierarchy in one bounded specimen.
Evidence values used
Source trail
Limit that constrains this row

This proves visual system survival, not buyer conversion.

Evidence id color-collisions-reduced Review URL #fact-color-collisions-reduced
07 Product-decision specimen shifts toward outcomes Publicly inspectable evidence_facts[6]
Observed
The product-decision specimen reports outcome/output ratio moving from 0.08 in the cold output to 0.73 in the system-backed output.
Evidence
The public product-decision microsite row names the buyer question, the primary value, the cold value, and the backed value.
Supports
Supports a concrete artifact-quality claim that the backed surface is more decision-oriented in this specimen.
Evidence values used
Source trail
Limit that constrains this row

This proves visual system survival, not buyer conversion.

Evidence id product-decision-ratio-improves Review URL #fact-product-decision-ratio-improves
08 Typography specimen removes hardcoded pixel sizes Publicly inspectable evidence_facts[7]
Observed
The typography specimen reports hardcoded pixel font sizes moving from 11 in the cold output to 0 in the system-backed output.
Evidence
The public typography specimen row and gallery detail show the cold/backed value and the bounded interpretation.
Supports
Supports a concrete maintainability claim for one typography artifact.
Evidence values used
Source trail
Limit that constrains this row

This proves visual system survival, not buyer conversion.

Evidence id typography-hardcodes-removed Review URL #fact-typography-hardcodes-removed
09 Retained compositor depth is recorded but bounded Internal retained evidence_facts[8]
Observed
The public case records eight retained UI-kit adapters and 596 retained generated stories as the next publication boundary.
Evidence
The system-surface lab and evidence values name the retained adapter count and story count while stating that the full runtime is not public yet.
Supports
Supports the claim that the stronger proof program is larger than the small side-by-side fixture while preserving the public/private boundary.
Evidence values used
Source trail
Limit that constrains this row

This proves visual system survival, not buyer conversion.

Evidence id retained-compositor-depth-recorded Review URL #fact-retained-compositor-depth-recorded

Evidence values

The values this proof is allowed to stand on

Field Value Meaning
Theme registers Value handle: data-01-theme-registers 3 Warm, neutral, and cool registers are generated from the same brand source.
Primary signal Value handle: data-02-primary-signal survival The component contract survives a register change.
Specimen microsites Value handle: data-03-specimen-microsites 7 Seven public cold/backed surface pairs are openable from the proof case and gallery.
Measured specimen values Value handle: data-04-measured-specimen-values 21 Each public specimen carries one primary value and two secondary values.
Cold/backed outputs Value handle: data-05-cold-backed-outputs 14 Seven cold outputs and seven system-backed outputs are published as runnable microsites.
Near-value collisions Value handle: data-06-near-value-collisions 441 -> 18 The color specimen reduces near-value collisions in the system-backed output.
Outcome/output ratio Value handle: data-07-outcome-output-ratio 0.08 -> 0.73 The product-decision specimen shifts the artifact toward buyer outcomes.
Hardcoded pixel type sizes Value handle: data-08-hardcoded-pixel-type-sizes 11 -> 0 The typography specimen removes ad hoc pixel font sizes from the backed output.
Retained compositor stories Value handle: data-09-retained-compositor-stories 596 The deeper retained compositor inventory remains queued for publication hygiene.
Retained UI-kit adapters Value handle: data-10-retained-ui-kit-adapters 8 The retained compositor inventory covers eight component ecosystems.
Run date Value handle: data-11-run-date Launch build Date label attached to this public proof case.
Sample Value handle: data-12-sample Seven public specimen pairs plus retained compositor inventory Sample size or unit under review.
Provenance Value handle: data-13-provenance Generated design outputs, public specimen page, and public specimen gallery Where the public projection says the evidence came from.
Reproducibility Value handle: data-14-reproducibility Visitors can inspect the specimen page, open the seven public cold/backed microsites, and use the retained counts as a publication boundary. What a reviewer can repeat or inspect publicly.
Claim status Value handle: data-15-claim-status demonstrator The maximum strength of the public claim.

Source trail

Where the public proof can point

  • source-01-design-outputs Design outputs generated design variables · public projection
  • source-02-specimen-page Specimen page public route · public projection
  • source-03-motion-rules Motion rules component runtime · public projection
  • source-05-color-specimen-pair Color specimen pair public microsite pair · public projection
  • source-06-product-decision-specimen-pair Product-decision specimen pair public microsite pair · public projection
  • source-07-typography-specimen-pair Typography specimen pair public microsite pair · public projection
  • source-08-retained-compositor-inventory Retained compositor inventory retained runtime inventory · internal source retained

Evidence status mix

What kind of support is each row?

Publicly inspectable
7
Public projection
1
Internal retained
1

Metrics

Signals carried by the case

  • 3 Theme registers Warm, neutral, and cool registers are generated from the same brand source.
  • survival Primary signal The component contract survives a register change.
  • 7 Specimen microsites Seven public cold/backed surface pairs are openable from the proof case and gallery.
  • 21 Measured specimen values Each public specimen carries one primary value and two secondary values.
  • 14 Cold/backed outputs Seven cold outputs and seven system-backed outputs are published as runnable microsites.
  • 441 -> 18 Near-value collisions The color specimen reduces near-value collisions in the system-backed output.
  • 0.08 -> 0.73 Outcome/output ratio The product-decision specimen shifts the artifact toward buyer outcomes.
  • 11 -> 0 Hardcoded pixel type sizes The typography specimen removes ad hoc pixel font sizes from the backed output.
  • 596 Retained compositor stories The deeper retained compositor inventory remains queued for publication hygiene.
  • 8 Retained UI-kit adapters The retained compositor inventory covers eight component ecosystems.

Source artifacts

Where the evidence comes from

  • Design outputs generated design variables · public projection
  • Specimen page public route · public projection
  • Motion rules component runtime · public projection
  • Specimen gallery lab public route · public projection
  • Color specimen pair public microsite pair · public projection
  • Product-decision specimen pair public microsite pair · public projection
  • Typography specimen pair public microsite pair · public projection
  • Retained compositor inventory retained runtime inventory · internal source retained

Case quality review

This case has a cold-review quality score.

This is a cold-review rubric, not a sales claim. It checks whether the case can be understood, inspected, bounded, and acted on.

Overall 5.0 Launch-readable

Cold-audience clarity

5.0

A reviewer gets the situation, contrast, and buyer decision without reading the JSON.

Evidence visibility

5.0

The case exposes proof rows, values, source handles, and excerpts before the JSON export.

Limitation clarity

5.0

The page names what the case proves and what it does not prove.

Visual hierarchy

5.0

The route uses visuals, storyboards, or surface frames to break the proof into inspectable layers.

Purchase motivation

5.0

The proof sends the buyer to an evidence room, artifact link, pricing path, or local run.

Next depth gate

Cold-audience clarity: Tighten the opening latch or before/after language when the case still needs explanation.

Open case evidence

Evidence docket

Review the evidence rows behind the case.

Evidence JSON
Evidence rows
9
Publicly inspectable
7
Public projection
1
Internal retained
1
  1. 01 Publicly inspectable

    Three registers are rendered from one system

    Observed
    The public specimen shows warm, neutral, and cool surface registers while keeping the same component skeleton.
    Evidence
    Metric row names three theme registers; visual evidence shows three surfaces sharing one component structure.
    Supports
    Supports the claim that mood can change without becoming one-off component CSS.
  2. 02 Public projection

    Design outputs are named source artifacts

    Observed
    The case identifies generated design variables, the public specimen route, and motion rules as source artifacts.
    Evidence
    Source artifact list names design outputs, specimen page, and component runtime motion rules.
    Supports
    Supports the claim that the visual variation is source-bound rather than hand-themed.
  3. 03 Publicly inspectable

    Accessibility remains a gate

    Observed
    The proof does not claim every visual register is automatically ready for every accessibility context.
    Evidence
    Limitations section states that accessibility remains a gate per surface class.
    Supports
    Supports the limitation boundary around what visual-system survival proves.
  4. 04 Publicly inspectable

    Seven cold/backed specimen pairs are public

    Observed
    The brand-system case links seven public specimen pairs across color, composition, voice, grid, perception, product decision, and typography surfaces.
    Evidence
    The specimen proof matrix and specimen gallery both expose cold and system-backed links for all seven public microsites.
    Supports
    Supports the claim that the stronger proof corpus is a navigable demo set, not only a referenced artifact.
  5. 05 Publicly inspectable

    Twenty-one specimen values are visible

    Observed
    Each public specimen lists one primary value and two secondary values, for twenty-one visible measured values across the gallery.
    Evidence
    The specimen gallery summary and per-specimen detail panels show the value labels, cold value, backed value, and interpretation.
    Supports
    Supports the requirement that the proof foreground actual values rather than hiding them in JSON.
  6. 06 Publicly inspectable

    Color hierarchy specimen reduces near-value collisions

    Observed
    The color specimen reports near-value collisions moving from 441 in the cold output to 18 in the system-backed output.
    Evidence
    The specimen matrix, gallery selector, and evidence values all show the same 441 -> 18 color hierarchy delta.
    Supports
    Supports a concrete artifact-quality claim about visual hierarchy in one bounded specimen.
  7. 07 Publicly inspectable

    Product-decision specimen shifts toward outcomes

    Observed
    The product-decision specimen reports outcome/output ratio moving from 0.08 in the cold output to 0.73 in the system-backed output.
    Evidence
    The public product-decision microsite row names the buyer question, the primary value, the cold value, and the backed value.
    Supports
    Supports a concrete artifact-quality claim that the backed surface is more decision-oriented in this specimen.
  8. 08 Publicly inspectable

    Typography specimen removes hardcoded pixel sizes

    Observed
    The typography specimen reports hardcoded pixel font sizes moving from 11 in the cold output to 0 in the system-backed output.
    Evidence
    The public typography specimen row and gallery detail show the cold/backed value and the bounded interpretation.
    Supports
    Supports a concrete maintainability claim for one typography artifact.
  9. 09 Internal retained

    Retained compositor depth is recorded but bounded

    Observed
    The public case records eight retained UI-kit adapters and 596 retained generated stories as the next publication boundary.
    Evidence
    The system-surface lab and evidence values name the retained adapter count and story count while stating that the full runtime is not public yet.
    Supports
    Supports the claim that the stronger proof program is larger than the small side-by-side fixture while preserving the public/private boundary.

Evidence Flow

Read the proof as a chain, not a claim.

Each case has to survive the same path: starting condition, system-backed change, visible result, retained evidence, stated limitation, and a next action.

Theme registers 3
Primary signal survival
Specimen microsites 7

Specimen proof rows

The actual demo corpus is seven openable cold/backed surfaces.

This is the stronger surface corpus behind the brand-system case: public microsites, measured artifact values, and direct links to inspect the cold and system-backed outputs before reading the JSON export.

Campaign review page

Color hierarchy specimen

Can the same brief become a clearer visual system when the run has a retained palette contract?

Near-value collisions
441 cold
18 backed
Roadmap review page

Product-decision specimen

Does the page move from outputs to testable product outcomes?

Outcome/output ratio
0.08 cold
0.73 backed
Editorial article

Typography specimen

Does retained type guidance make the page easier to read and maintain?

Hardcoded pixel font sizes
11 cold
0 backed
Specimen Buyer question Primary value Cold Backed Open
01 Color hierarchy specimen Campaign review page Can the same brief become a clearer visual system when the run has a retained palette contract? Near-value collisions 441 18 Cold Backed
02 Composition specimen Open-house landing page Does the page create one deliberate reading path instead of evenly weighted blocks? Dominant element ratio 2.889 6.905 Cold Backed
03 Voice specimen Operations SaaS page Does the backed run keep the same product but make the promise sharper? Word count 318 294 Cold Backed
04 Grid specimen Article and brief layout Can retained layout rules reduce ad hoc width math? Hand-computed widths 17 3 Cold Backed
05 Perception specimen Shift board Does the surface guide attention without drawing boxes around everything? Proximity token uses 0 52 Cold Backed
06 Product-decision specimen Roadmap review page Does the page move from outputs to testable product outcomes? Outcome/output ratio 0.08 0.73 Cold Backed
07 Typography specimen Editorial article Does retained type guidance make the page easier to read and maintain? Hardcoded pixel font sizes 11 0 Cold Backed

Read these as bounded artifact checks. They show whether retained system context improves the surface artifact under controlled specimen tasks; they do not claim market lift, preference, or universal accessibility.

Open the interactive specimen gallery

Claim

A single brand-source system can render different surface moods while preserving component structure, spacing rhythm, and motion rules.

The visible proof is re-theme survival: the page changes mood without losing the underlying component grammar.

Before / after

Same use case. Different starting conditions.

Before · visual one-off

Hand-themed surface

A page changes mood by introducing new color values, new spacing, and special-case component CSS.

The look changes, but every variation becomes another thing to maintain.

After · design-system specimen

Source-bound surface

The same component contract reads a different brand-source cluster. Structure holds while register changes.

Palette, type, spacing, radius, and motion stay bound to the same named system.

Evidence

What this case actually carries.

Run metadata

Date
Launch build
Sample
Seven public specimen pairs plus retained compositor inventory
Provenance
Generated design outputs, public specimen page, and public specimen gallery
Reproducibility
Visitors can inspect the specimen page, open the seven public cold/backed microsites, and use the retained counts as a publication boundary.

Metrics

  • 3 Theme registers Warm, neutral, and cool registers are generated from the same brand source.
  • survival Primary signal The component contract survives a register change.
  • 7 Specimen microsites Seven public cold/backed surface pairs are openable from the proof case and gallery.
  • 21 Measured specimen values Each public specimen carries one primary value and two secondary values.
  • 14 Cold/backed outputs Seven cold outputs and seven system-backed outputs are published as runnable microsites.
  • 441 -> 18 Near-value collisions The color specimen reduces near-value collisions in the system-backed output.
  • 0.08 -> 0.73 Outcome/output ratio The product-decision specimen shifts the artifact toward buyer outcomes.
  • 11 -> 0 Hardcoded pixel type sizes The typography specimen removes ad hoc pixel font sizes from the backed output.
  • 596 Retained compositor stories The deeper retained compositor inventory remains queued for publication hygiene.
  • 8 Retained UI-kit adapters The retained compositor inventory covers eight component ecosystems.

Source artifacts

  • Design outputs generated design variables · public projection
  • Specimen page public route · public projection
  • Motion rules component runtime · public projection
  • Specimen gallery lab public route · public projection
  • Color specimen pair public microsite pair · public projection
  • Product-decision specimen pair public microsite pair · public projection
  • Typography specimen pair public microsite pair · public projection
  • Retained compositor inventory retained runtime inventory · internal source retained

Limitations

What this case does not prove.

Next

Follow this proof into the product.

Open the specimen gallery Talk to us