What stays invariant
The five cards share the same IntentBundle shape, generated semantic ids, and manifest-backed provenance. Only compiler-owned typography, spacing, surface, color, action, hierarchy, rhythm, narrative style projections, bounded grid metadata, and featured metric-card span metadata change.
Demo shell CSS frames the page only. It does not style generated artifact internals or bypass the emitted profile output.
{
"aesthetic.calm_ops": {
"label": "Calm Ops",
"layoutProof": {
"content_grid": {
"columns": 2,
"layoutStrategy": "region_grid_v0",
"profile": "aesthetic.calm_ops"
},
"metric_grid": {
"columns": 2,
"layoutStrategy": "dashboard_grid_v0",
"profile": "aesthetic.calm_ops"
}
},
"layoutSignature": "workspace 2 / metrics 2",
"nodeCount": 39,
"note": "Quiet operational surfaces with teal accents and low-contrast panels.",
"semanticHash": "a9368dd60ca49910dd3394afa894651f3d5c49945d8d6442cddef789ded09625",
"styleTokenCount": 15
},
"aesthetic.data_dense": {
"label": "Data Dense",
"layoutProof": {
"content_grid": {
"columns": 3,
"layoutStrategy": "region_grid_v0",
"profile": "aesthetic.data_dense"
},
"metric_grid": {
"columns": 3,
"layoutStrategy": "dashboard_grid_v0",
"profile": "aesthetic.data_dense"
}
},
"layoutSignature": "workspace 3 / metrics 3",
"nodeCount": 39,
"note": "Compact spacing, smaller type, and tighter controls for repeated scanning.",
"semanticHash": "a9368dd60ca49910dd3394afa894651f3d5c49945d8d6442cddef789ded09625",
"styleTokenCount": 15
},
"aesthetic.editorial_product": {
"label": "Editorial Product",
"layoutProof": {
"content_grid": {
"columns": 2,
"layoutStrategy": "region_grid_v0",
"profile": "aesthetic.editorial_product"
},
"metric_grid": {
"columns": 1,
"layoutStrategy": "dashboard_grid_v0",
"profile": "aesthetic.editorial_product"
}
},
"layoutSignature": "workspace 2 / metrics 1",
"nodeCount": 39,
"note": "Warmer product-story pacing with broader prose rhythm.",
"semanticHash": "a9368dd60ca49910dd3394afa894651f3d5c49945d8d6442cddef789ded09625",
"styleTokenCount": 15
},
"aesthetic.executive_review": {
"label": "Executive Review",
"layoutProof": {
"content_grid": {
"columns": 2,
"layoutStrategy": "region_grid_v0",
"profile": "aesthetic.executive_review"
},
"metric_card": {
"profile": "aesthetic.executive_review",
"spanColumns": 2
},
"metric_grid": {
"columns": 2,
"layoutStrategy": "dashboard_grid_v0",
"profile": "aesthetic.executive_review"
}
},
"layoutSignature": "workspace 2 / metrics 2 / featured metric span 2",
"nodeCount": 39,
"note": "Conservative review surfaces with restrained contrast and crisp framing.",
"semanticHash": "a9368dd60ca49910dd3394afa894651f3d5c49945d8d6442cddef789ded09625",
"styleTokenCount": 15
},
"aesthetic.premium_saas": {
"label": "Premium SaaS",
"layoutProof": {
"content_grid": {
"columns": 2,
"layoutStrategy": "region_grid_v0",
"profile": "aesthetic.premium_saas"
},
"metric_card": {
"profile": "aesthetic.premium_saas",
"spanColumns": 2
},
"metric_grid": {
"columns": 2,
"layoutStrategy": "dashboard_grid_v0",
"profile": "aesthetic.premium_saas"
}
},
"layoutSignature": "workspace 2 / metrics 2 / featured metric span 2",
"nodeCount": 39,
"note": "Polished product rhythm with stronger hierarchy and softer shadows.",
"semanticHash": "a9368dd60ca49910dd3394afa894651f3d5c49945d8d6442cddef789ded09625",
"styleTokenCount": 15
}
}
{
"substrate": {
"id": "art_direction_workspace_substrate",
"nodes": {
"art_direction_workspace": {
"attrs": {
"title": "Launch quality workspace"
},
"edges": {},
"id": "art_direction_workspace",
"kind": "app",
"slots": {}
},
"blockers": {
"attrs": {
"label": "Open blockers",
"value": "4"
},
"edges": {},
"id": "blockers",
"kind": "dashboard_card",
"slots": {}
},
"confidence": {
"attrs": {
"label": "Ship confidence",
"value": "92%"
},
"edges": {},
"id": "confidence",
"kind": "dashboard_card",
"slots": {}
},
"evidence": {
"attrs": {
"label": "Evidence",
"value": "Provenance manifest aligned"
},
"edges": {},
"id": "evidence",
"kind": "detail_field",
"slots": {}
},
"next_gate": {
"attrs": {
"label": "Next gate",
"value": "Executive review"
},
"edges": {},
"id": "next_gate",
"kind": "detail_field",
"slots": {}
},
"overview": {
"attrs": {
"description": "One semantic product surface is compiled through five governed art-direction profiles.",
"eyebrow": "Launch desk",
"title": "Resolve the next release decision"
},
"edges": {},
"id": "overview",
"kind": "hero",
"slots": {}
},
"owner": {
"attrs": {
"label": "Owner",
"value": "Revenue Platform"
},
"edges": {},
"id": "owner",
"kind": "detail_field",
"slots": {}
},
"proof_note": {
"attrs": {
"description": "Semantic ids and provenance stay stable.",
"label": "Proof"
},
"edges": {},
"id": "proof_note",
"kind": "list_item",
"slots": {}
},
"review_window": {
"attrs": {
"label": "Review window",
"value": "36 hr"
},
"edges": {},
"id": "review_window",
"kind": "dashboard_card",
"slots": {}
},
"risk_delta": {
"attrs": {
"label": "Risk delta",
"value": "-18%"
},
"edges": {},
"id": "risk_delta",
"kind": "dashboard_card",
"slots": {}
},
"scope_note": {
"attrs": {
"description": "Profile token changes style projection and bounded layout metadata.",
"label": "Scope"
},
"edges": {},
"id": "scope_note",
"kind": "list_item",
"slots": {}
}
},
"root_id": "art_direction_workspace"
},
"view_spec": {
"actions": [],
"bindings": [
{
"address": "node:overview#attr:eyebrow",
"cardinality": "exactly_once",
"id": "overview_eyebrow",
"present_as": "label",
"target_region": "hero"
},
{
"address": "node:overview#attr:title",
"cardinality": "exactly_once",
"id": "overview_title",
"present_as": "value",
"target_region": "hero"
},
{
"address": "node:overview#attr:description",
"cardinality": "exactly_once",
"id": "overview_description",
"present_as": "text",
"target_region": "hero"
},
{
"address": "node:confidence#attr:label",
"cardinality": "exactly_once",
"id": "confidence_label",
"present_as": "label",
"target_region": "primary"
},
{
"address": "node:confidence#attr:value",
"cardinality": "exactly_once",
"id": "confidence_value",
"present_as": "value",
"target_region": "primary"
},
{
"address": "node:risk_delta#attr:label",
"cardinality": "exactly_once",
"id": "risk_delta_label",
"present_as": "label",
"target_region": "primary"
},
{
"address": "node:risk_delta#attr:value",
"cardinality": "exactly_once",
"id": "risk_delta_value",
"present_as": "value",
"target_region": "primary"
},
{
"address": "node:blockers#attr:label",
"cardinality": "exactly_once",
"id": "blockers_label",
"present_as": "label",
"target_region": "primary"
},
{
"address": "node:blockers#attr:value",
"cardinality": "exactly_once",
"id": "blockers_value",
"present_as": "value",
"target_region": "primary"
},
{
"address": "node:review_window#attr:label",
"cardinality": "exactly_once",
"id": "review_window_label",
"present_as": "label",
"target_region": "primary"
},
{
"address": "node:review_window#attr:value",
"cardinality": "exactly_once",
"id": "review_window_value",
"present_as": "value",
"target_region": "primary"
},
{
"address": "node:owner#attr:label",
"cardinality": "exactly_once",
"id": "owner_label",
"present_as": "label",
"target_region": "review"
},
{
"address": "node:owner#attr:value",
"cardinality": "exactly_once",
"id": "owner_value",
"present_as": "value",
"target_region": "review"
},
{
"address": "node:next_gate#attr:label",
"cardinality": "exactly_once",
"id": "next_gate_label",
"present_as": "label",
"target_region": "review"
},
{
"address": "node:next_gate#attr:value",
"cardinality": "exactly_once",
"id": "next_gate_value",
"present_as": "value",
"target_region": "review"
},
{
"address": "node:evidence#attr:label",
"cardinality": "exactly_once",
"id": "evidence_label",
"present_as": "label",
"target_region": "review"
},
{
"address": "node:evidence#attr:value",
"cardinality": "exactly_once",
"id": "evidence_value",
"present_as": "value",
"target_region": "review"
},
{
"address": "node:scope_note#attr:label",
"cardinality": "exactly_once",
"id": "scope_note_label",
"present_as": "label",
"target_region": "review"
},
{
"address": "node:scope_note#attr:description",
"cardinality": "exactly_once",
"id": "scope_note_description",
"present_as": "text",
"target_region": "review"
},
{
"address": "node:proof_note#attr:label",
"cardinality": "exactly_once",
"id": "proof_note_label",
"present_as": "label",
"target_region": "review"
},
{
"address": "node:proof_note#attr:description",
"cardinality": "exactly_once",
"id": "proof_note_description",
"present_as": "text",
"target_region": "review"
}
],
"complexity_tier": 1,
"groups": [
{
"id": "overview_copy",
"kind": "ordered",
"members": [
"overview_eyebrow",
"overview_title",
"overview_description"
],
"target_region": "hero"
},
{
"id": "quality_cards",
"kind": "ordered",
"members": [
"confidence_label",
"confidence_value",
"risk_delta_label",
"risk_delta_value",
"blockers_label",
"blockers_value",
"review_window_label",
"review_window_value"
],
"target_region": "primary"
},
{
"id": "decision_fields",
"kind": "ordered",
"members": [
"owner_label",
"owner_value",
"next_gate_label",
"next_gate_value",
"evidence_label",
"evidence_value"
],
"target_region": "review"
},
{
"id": "note_stack",
"kind": "ordered",
"members": [
"scope_note_label",
"scope_note_description",
"proof_note_label",
"proof_note_description"
],
"target_region": "review"
}
],
"id": "art_direction_workspace",
"motifs": [
{
"id": "overview",
"kind": "hero",
"members": [
"overview_eyebrow",
"overview_title",
"overview_description"
],
"region": "hero"
},
{
"id": "quality_metrics",
"kind": "dashboard",
"members": [
"confidence_label",
"confidence_value",
"risk_delta_label",
"risk_delta_value",
"blockers_label",
"blockers_value",
"review_window_label",
"review_window_value"
],
"region": "primary"
},
{
"id": "decision_context",
"kind": "detail",
"members": [
"owner_label",
"owner_value",
"next_gate_label",
"next_gate_value",
"evidence_label",
"evidence_value"
],
"region": "review"
},
{
"id": "review_notes",
"kind": "list",
"members": [
"scope_note_label",
"scope_note_description",
"proof_note_label",
"proof_note_description"
],
"region": "review"
}
],
"regions": [
{
"id": "root",
"layout": "stack",
"max_children": null,
"min_children": 2,
"parent_region": "",
"role": "root"
},
{
"id": "hero",
"layout": "stack",
"max_children": null,
"min_children": 1,
"parent_region": "root",
"role": "banner"
},
{
"id": "workspace",
"layout": "grid",
"max_children": null,
"min_children": 2,
"parent_region": "root",
"role": "application"
},
{
"id": "primary",
"layout": "stack",
"max_children": null,
"min_children": 1,
"parent_region": "workspace",
"role": "primary"
},
{
"id": "review",
"layout": "stack",
"max_children": null,
"min_children": 1,
"parent_region": "workspace",
"role": "complementary"
}
],
"root_region": "root",
"styles": [
{
"id": "aesthetic_profile",
"target": "view:art_direction_workspace",
"token": "aesthetic.calm_ops"
},
{
"id": "page_temperature",
"target": "view:art_direction_workspace",
"token": "palette.temperature"
},
{
"id": "hero_density",
"target": "region:hero",
"token": "density.airy"
},
{
"id": "hero_surface",
"target": "motif:overview",
"token": "surface.subtle"
},
{
"id": "hero_eyebrow",
"target": "binding:overview_eyebrow",
"token": "tone.accent"
},
{
"id": "hero_title",
"target": "binding:overview_title",
"token": "rhythm.hierarchy"
},
{
"id": "hero_body",
"target": "binding:overview_description",
"token": "narrative.flow"
},
{
"id": "metrics_density",
"target": "motif:quality_metrics",
"token": "density.regular"
},
{
"id": "confidence_focus",
"target": "binding:confidence_value",
"token": "emphasis.high"
},
{
"id": "risk_accent",
"target": "binding:risk_delta_value",
"token": "tone.accent"
},
{
"id": "review_surface",
"target": "motif:decision_context",
"token": "surface.strong"
},
{
"id": "review_density",
"target": "motif:decision_context",
"token": "density.compact"
},
{
"id": "owner_muted",
"target": "binding:owner_value",
"token": "tone.muted"
},
{
"id": "notes_surface",
"target": "motif:review_notes",
"token": "surface.subtle"
},
{
"id": "notes_flow",
"target": "binding:scope_note_description",
"token": "narrative.flow"
}
],
"substrate_id": "art_direction_workspace_substrate"
}
}