Same Intent, Five Art Directions

Beauty as a checked compiler handle.

Each generated artifact uses one explicit view-level style token. The token is deterministic art direction, not CSS, visual-regression proof, accessibility certification, or arbitrary design-system certification.

Supported V1 tokens: aesthetic.calm_ops, aesthetic.premium_saas, aesthetic.data_dense, aesthetic.editorial_product, aesthetic.executive_review.

aesthetic.calm_ops

Calm Ops

Quiet operational surfaces with teal accents and low-contrast panels.

Semantic hash
a9368dd60ca49910
IR nodes
39
Style refs
15
Layout
workspace 2 / metrics 2

Launch desk

Resolve the next release decision

One semantic product surface is compiled through five governed art-direction profiles.

Ship confidence
92%
Risk delta
-18%
Open blockers
4
Review window
36 hr
Owner
Revenue Platform
Next gate
Executive review
Evidence
Provenance manifest aligned
  • Scope
    Profile token changes style projection and bounded layout metadata.
  • Proof
    Semantic ids and provenance stay stable.

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" } }