{"count":108,"categories":["administration","ai","analytics","case-management","charts","collaboration","commerce","communication","community","content","dashboard","data","developer","directory","documentation","ecosystem","editorial","events","files","finance","geospatial","learning","location","marketing","marketing-ops","nonprofit","onboarding","operations","planning","portal","portfolio","pricing","reporting","search","settings","status","support","workflow","workspace"],"groups":[{"id":"insight","name":"Data & insight","description":"Monitor, compare, explain, and investigate data.","categories":["dashboard","data","analytics","charts","reporting","search","status"]},{"id":"work","name":"Work management","description":"Coordinate queues, cases, projects, plans, and operations.","categories":["workspace","workflow","collaboration","planning","operations","case-management","marketing-ops"]},{"id":"content","name":"Content & learning","description":"Publish, document, teach, and organize knowledge.","categories":["content","editorial","documentation","learning","files"]},{"id":"growth","name":"Commerce & growth","description":"Explain value, convert, transact, and build trust.","categories":["commerce","marketing","pricing","events","nonprofit","portfolio","finance"]},{"id":"people","name":"People & community","description":"Connect people, conversations, profiles, and expertise.","categories":["community","communication","directory"]},{"id":"platform","name":"Platform & admin","description":"Configure, govern, integrate, and operate a product platform.","categories":["administration","settings","developer","ecosystem"]},{"id":"service","name":"Service journeys","description":"Guide onboarding, support, and public-service tasks.","categories":["portal","support","onboarding"]},{"id":"ai","name":"AI & agents","description":"Instruct, supervise, evaluate, and refine AI systems.","categories":["ai"]},{"id":"spatial","name":"Maps & location","description":"Explore place, proximity, routes, and territories.","categories":["geospatial","location"]}],"intents":["allocate-capacity","assemble-and-send","assess-and-coordinate","assess-and-review","assign-and-balance","balance-flow","browse-and-buy","capture-and-route","check-and-subscribe","check-progress-to-target","collect-and-synthesize","compare-and-commit","compare-by-location","compare-distributions","compare-multivariate-profiles","compare-part-to-whole","compare-ranked-values","compare-retention","compare-target-performance","complete-a-process","compose-and-preview","compose-and-test","configure-and-govern","control-rollout","coordinate-response","demonstrate-and-inquire","diagnose-dropoff","discover-and-connect","discover-and-join","discover-and-participate","discover-and-read","discover-and-request","discuss-and-moderate","draft-and-negotiate","earn-and-redeem","evaluate-and-compare","evaluate-and-connect","experiment-and-refine","explain-and-convert","explore-and-explain","explore-by-location","explore-connections","find-and-acknowledge","find-and-complete-service","find-and-connect","find-and-evaluate","find-and-reserve","find-compare-edit","find-correlations","govern-access","identify-and-mitigate","import-and-validate","inform-and-register","inspect-and-correct","inspect-hierarchical-size","inspect-price-action","instruct-and-refine","investigate-changes","learn-and-practice","learn-and-reference","manage-members","manage-subscription","match-and-connect","model-and-compare","monitor-and-act","monitor-assets","monitor-connections","organize-and-progress","organize-and-retrieve","orient-and-activate","plan-a-route","plan-and-coordinate","plan-and-master","plan-and-publish","plan-and-release","plan-launch-measure","prepare-and-follow-up","prepare-and-record","prioritize-and-communicate","prioritize-and-remediate","prove-and-govern","publish-and-confirm","read-and-respond","record-and-review","resolve-or-escalate","return-and-resolve","review-and-authorize","review-and-purchase","review-and-reconcile","scan-and-curate","scan-many-trends","schedule-and-debug","schedule-and-swap","search-and-synthesize","source-and-approve","source-and-hire","spot-intensity-patterns","submit-and-approve","supervise-and-intervene","trace-dependencies","trace-flow","track-change-over-time","triage-and-resolve","understand-and-decide","understand-and-enroll","understand-and-support","understand-sequence","verify-and-fulfill"],"densities":["low","medium","high"],"selectionAdvice":"Start with user intent and recurring task, then match content shape and density. Validate avoidWhen before choosing.","layouts":[{"id":"signal-command","name":"Signal Command","category":"dashboard","summary":"A dense operations cockpit with live status, priority queues, trends, and an activity rail.","bestFor":["SaaS operations","incident response","logistics control","system health"],"avoidWhen":["The product has fewer than three metrics","The primary task is long-form reading"],"intent":"monitor-and-act","density":"high","navigation":"persistent-sidebar","contentShape":["metrics","time-series","ranked-list","event-feed"],"primaryActions":["acknowledge alert","filter scope","open incident"],"agentHints":"Choose when the user repeatedly scans changing state and must react quickly. Put exceptions before averages.","responsive":"Collapse the sidebar to icons at tablet width; on mobile show alerts first, then metrics, then charts.","accessibility":["Never encode status by color alone","Pause live updates when keyboard focus is inside a region"],"palette":["#101614","#d9ff57","#83e7c3"],"preview":"dashboard","regions":["global navigation","status header","KPI strip","primary chart","alert queue","activity rail"]},{"id":"ledger-grid","name":"Ledger Grid","category":"data","summary":"A table-first workspace for reviewing, filtering, comparing, and bulk-editing structured records.","bestFor":["admin consoles","inventory","CRM records","financial reconciliation"],"avoidWhen":["Records are primarily visual","Users need a guided one-step-at-a-time flow"],"intent":"find-compare-edit","density":"high","navigation":"topbar-with-local-tabs","contentShape":["data-table","filters","saved-views","bulk-actions"],"primaryActions":["filter rows","sort columns","bulk update","export"],"agentHints":"Choose when attributes must be compared across many entities. Preserve visible columns in shared URLs.","responsive":"Switch from table to labeled record cards below 720px; keep filter and sort in a bottom sheet.","accessibility":["Provide table captions and scoped headers","Make bulk selection state explicit"],"palette":["#f4f1e9","#172521","#ee6c4d"],"preview":"table","regions":["workspace header","view tabs","filter toolbar","data grid","selection action bar","pagination"]},{"id":"split-focus","name":"Split Focus","category":"workspace","summary":"A master-detail layout that keeps a scannable item list beside a focused inspector.","bestFor":["email clients","support inboxes","asset review","approval queues"],"avoidWhen":["Items cannot be summarized compactly","Detail work needs the full viewport"],"intent":"triage-and-resolve","density":"medium","navigation":"three-pane","contentShape":["item-list","detail-panel","metadata","thread"],"primaryActions":["select item","change status","reply","navigate next"],"agentHints":"Choose for rapid sequential decisions. Keep list position stable after an item is resolved.","responsive":"Show one pane at a time on mobile with persistent back context and next/previous controls.","accessibility":["Announce selection changes","Use headings to separate list and detail landmarks"],"palette":["#eef2f6","#243447","#5b67f1"],"preview":"split","regions":["folder rail","item list","detail header","detail body","context inspector"]},{"id":"launch-story","name":"Launch Story","category":"marketing","summary":"A narrative landing page balancing a sharp value proposition, evidence, and repeated conversion paths.","bestFor":["product launches","developer tools","B2B SaaS","waitlists"],"avoidWhen":["Users already know exactly what they need","The page must expose a large catalog"],"intent":"explain-and-convert","density":"low","navigation":"minimal-topbar","contentShape":["hero","social-proof","feature-story","testimonials","CTA"],"primaryActions":["start trial","watch demo","read proof"],"agentHints":"Choose when one product needs a persuasive linear story. One claim per section; proof follows claim.","responsive":"Stack visual demonstrations after their claims and keep the primary CTA visible without becoming intrusive.","accessibility":["Respect reduced motion","Use real text instead of text embedded in product imagery"],"palette":["#f6ffef","#17220e","#ff5c35"],"preview":"hero","regions":["navigation","hero proposition","product proof","benefit sequence","customer evidence","final CTA"]},{"id":"editorial-current","name":"Editorial Current","category":"editorial","summary":"A magazine-like homepage with one lead story, a changing news stream, and themed collections.","bestFor":["publications","newsrooms","research digests","brand journals"],"avoidWhen":["All articles have equal priority","Content is mostly transactional"],"intent":"discover-and-read","density":"medium","navigation":"topic-navigation","contentShape":["lead-story","story-grid","latest-feed","topic-collections"],"primaryActions":["open story","browse topic","subscribe"],"agentHints":"Choose when editorial hierarchy matters. The lead module must contain a genuinely dominant story.","responsive":"Preserve editorial order while reducing columns; avoid visually reordering DOM content.","accessibility":["Keep article titles as meaningful links","Use a logical heading hierarchy"],"palette":["#fffaf1","#261e19","#c43d27"],"preview":"editorial","regions":["masthead","topic strip","lead package","story grid","latest column","newsletter"]},{"id":"docs-compass","name":"Docs Compass","category":"documentation","summary":"A technical documentation shell with tree navigation, readable content, and an on-page outline.","bestFor":["API docs","developer platforms","design systems","internal handbooks"],"avoidWhen":["Content is only a few pages","Exploration matters more than known-item lookup"],"intent":"learn-and-reference","density":"medium","navigation":"left-tree-right-toc","contentShape":["navigation-tree","prose","code-samples","page-outline"],"primaryActions":["search docs","copy code","navigate section","switch version"],"agentHints":"Choose for hierarchical reference material. Optimize readable measure and stable deep links over visual novelty.","responsive":"Turn both sidebars into drawers; keep breadcrumbs and page outline access near the title.","accessibility":["Label code languages","Provide a skip-to-content link","Keep anchor targets below sticky header"],"palette":["#fbfcfe","#182230","#6d5dfc"],"preview":"docs","regions":["product header","documentation tree","article","code examples","on-page outline","feedback footer"]},{"id":"commerce-shelf","name":"Commerce Shelf","category":"commerce","summary":"A visual product collection with strong filtering, comparison cues, and persistent cart feedback.","bestFor":["retail catalogs","marketplaces","digital assets","equipment procurement"],"avoidWhen":["There is only one product","Products cannot be compared by consistent attributes"],"intent":"browse-and-buy","density":"medium","navigation":"commerce-header","contentShape":["product-grid","facets","sorting","cart-status"],"primaryActions":["filter","compare","add to cart","inspect product"],"agentHints":"Choose for a broad comparable catalog. Show meaningful attributes on cards, not only imagery.","responsive":"Use two-column cards on small screens; facets move to a modal with active-filter count.","accessibility":["Describe product images","Announce cart changes","Do not hide price differences in hover states"],"palette":["#f8f5ef","#1e2622","#297a5b"],"preview":"commerce","regions":["utility header","category navigation","collection intro","facets","product grid","cart feedback"]},{"id":"metric-brief","name":"Metric Brief","category":"reporting","summary":"An executive summary that turns a small set of KPIs into an annotated decision narrative.","bestFor":["weekly business reviews","board reporting","campaign summaries","team scorecards"],"avoidWhen":["Users need real-time operations","Dozens of dimensions require exploration"],"intent":"understand-and-decide","density":"low","navigation":"report-tabs","contentShape":["KPI-cards","annotated-chart","insight-callout","decision-list"],"primaryActions":["change period","read insight","export report"],"agentHints":"Choose when interpretation matters more than exploration. Every chart should answer a named question.","responsive":"Stack KPIs and charts while keeping their annotations adjacent; tables may scroll horizontally.","accessibility":["Supply text summaries for charts","Use tabular numerals for comparable values"],"palette":["#f3f0ff","#1f1738","#7157d9"],"preview":"report","regions":["report header","period controls","KPI summary","primary finding","supporting trends","decisions"]},{"id":"booking-path","name":"Booking Path","category":"workflow","summary":"A focused multi-step flow with progress, selection summaries, and a reassuring confirmation state.","bestFor":["appointments","travel booking","service configuration","applications"],"avoidWhen":["Every field fits comfortably on one short form","Users need free-form exploration"],"intent":"complete-a-process","density":"low","navigation":"stepper","contentShape":["step-progress","form","selection-cards","summary"],"primaryActions":["choose option","continue","go back","confirm"],"agentHints":"Choose for consequential, ordered input. Persist entered data and show total implications before confirmation.","responsive":"Keep one task per screen; move summary below form but offer a compact sticky total.","accessibility":["Mark current step in text","Move focus to validation summary","Do not disable Back"],"palette":["#eef8ff","#12263a","#0077b6"],"preview":"steps","regions":["brand header","progress stepper","primary form","context help","order summary","confirmation"]},{"id":"profile-canvas","name":"Profile Canvas","category":"community","summary":"An identity-centered page combining profile context, highlights, activity, and relationship actions.","bestFor":["creator profiles","professional networks","team directories","community members"],"avoidWhen":["Identity is irrelevant to the task","Sensitive attributes should not be aggregated"],"intent":"evaluate-and-connect","density":"medium","navigation":"platform-header","contentShape":["identity-header","portfolio","activity-feed","social-proof"],"primaryActions":["follow","message","view work","share"],"agentHints":"Choose when trust accumulates from identity, work, and activity. Put stable credentials before transient feed items.","responsive":"Stack identity and content; actions become a compact bar without obscuring profile details.","accessibility":["Avoid vague icon-only relationship actions","Keep follower counts understandable without abbreviation"],"palette":["#fff7fb","#30202a","#e2528d"],"preview":"profile","regions":["platform navigation","identity banner","credentials","featured work","activity","relationship panel"]},{"id":"knowledge-map","name":"Knowledge Map","category":"search","summary":"A search-led research surface pairing results with facets, saved evidence, and source context.","bestFor":["enterprise search","literature review","legal discovery","knowledge bases"],"avoidWhen":["The answer is always a single known record","Source provenance is unimportant"],"intent":"search-and-synthesize","density":"high","navigation":"search-first","contentShape":["query-builder","facets","results","evidence-tray"],"primaryActions":["refine query","preview source","save evidence","cite"],"agentHints":"Choose for iterative discovery across many sources. Keep query state, selected evidence, and provenance visible.","responsive":"Results take priority; facets and evidence tray become separate full-height sheets.","accessibility":["Announce result counts","Keep search syntax help keyboard-accessible","Label source types"],"palette":["#f1f7f6","#13312b","#1c8c74"],"preview":"search","regions":["query workspace","scope filters","result stream","source preview","saved evidence tray"]},{"id":"calendar-orbit","name":"Calendar Orbit","category":"planning","summary":"A schedule workspace where time, resources, conflicts, and unassigned work stay visible together.","bestFor":["team scheduling","content calendars","resource planning","shift management"],"avoidWhen":["Dates are informational only","Tasks have no meaningful time dimension"],"intent":"plan-and-coordinate","density":"high","navigation":"utility-sidebar","contentShape":["calendar-grid","resource-list","unscheduled-tray","conflicts"],"primaryActions":["create event","drag schedule","resolve conflict","change view"],"agentHints":"Choose when temporal collisions are central. Never rely on spatial position alone to communicate dates.","responsive":"Default to agenda view on mobile; retain quick day switching and an explicit unscheduled list.","accessibility":["Offer non-drag alternatives","Expose dates and durations as text","Announce schedule conflicts"],"palette":["#f7f4ff","#27213c","#8f6df6"],"preview":"calendar","regions":["calendar controls","resource rail","time grid","event detail","unscheduled tray","conflict alerts"]},{"id":"settings-studio","name":"Settings Studio","category":"settings","summary":"A calm configuration area with categorized navigation, searchable preferences, and change safety.","bestFor":["account settings","workspace administration","integrations","security controls"],"avoidWhen":["There are fewer than five simple preferences","Configuration is a one-time onboarding flow"],"intent":"configure-and-govern","density":"medium","navigation":"settings-sidebar","contentShape":["category-list","preference-groups","inline-help","save-state"],"primaryActions":["change preference","connect service","save","restore default"],"agentHints":"Choose for durable product configuration. Group by user goal, surface consequences, and isolate dangerous actions.","responsive":"Categories become a first screen; drill into one settings group at a time with clear back navigation.","accessibility":["Associate descriptions with controls","Do not use toggles for actions","Confirm destructive changes"],"palette":["#f6f7f9","#20242c","#3f6ad8"],"preview":"settings","regions":["account header","settings navigation","section title","preference groups","save feedback","danger zone"]},{"id":"canvas-board","name":"Canvas Board","category":"collaboration","summary":"A flexible spatial board for moving work through stages while keeping ownership and blockers apparent.","bestFor":["project boards","editorial pipelines","sales stages","hiring pipelines"],"avoidWhen":["Precise row comparison is essential","There are dozens of workflow stages"],"intent":"organize-and-progress","density":"medium","navigation":"workspace-sidebar","contentShape":["kanban-columns","task-cards","filters","detail-drawer"],"primaryActions":["move card","assign owner","filter board","open detail"],"agentHints":"Choose when status transitions are the main mental model. Cap visible columns and show work-in-progress limits.","responsive":"Use a horizontally snapping board or stage picker; support move actions without drag and drop.","accessibility":["Provide move menus","Announce column totals","Keep focus on moved card"],"palette":["#fff8e8","#342c1e","#e59b22"],"preview":"board","regions":["workspace switcher","board header","filter bar","workflow columns","task cards","detail drawer"]},{"id":"service-portal","name":"Service Portal","category":"portal","summary":"A task-oriented public service front door built around plain-language routes and status continuity.","bestFor":["citizen services","employee portals","insurance self-service","university services"],"avoidWhen":["The audience already knows internal department structure","The experience is primarily content publishing"],"intent":"find-and-complete-service","density":"low","navigation":"service-header","contentShape":["task-search","service-categories","recent-tasks","status-cards"],"primaryActions":["find service","resume application","check status","get help"],"agentHints":"Choose when users arrive with a life task, not knowledge of your organization. Label routes with verbs and outcomes.","responsive":"Single-column from the start; keep search and resumable tasks above category browsing.","accessibility":["Use plain language","Keep line length controlled","Support zoom and text reflow"],"palette":["#f5fbff","#15324a","#1769aa"],"preview":"portal","regions":["service identity","task search","resume status","popular services","category directory","help routes"]},{"id":"conversation-deck","name":"Conversation Deck","category":"ai","summary":"An AI workbench combining conversation, artifacts, sources, and run controls without crowding the prompt.","bestFor":["AI assistants","research agents","code copilots","generation studios"],"avoidWhen":["The interaction is a single prompt and response","Artifacts do not need inspection or reuse"],"intent":"instruct-and-refine","density":"medium","navigation":"collapsible-rail","contentShape":["conversation","composer","artifact-canvas","source-panel","run-status"],"primaryActions":["send prompt","inspect artifact","attach context","approve tool call"],"agentHints":"Choose for multi-turn creation with durable outputs. Separate conversational history from the current artifact state.","responsive":"Conversation is primary; artifacts open full-screen and preserve a quick route back to the exact message.","accessibility":["Announce streaming completion without reading every token","Label tool states","Keep stop control reachable"],"palette":["#f4f2ff","#19162d","#745cf0"],"preview":"ai","regions":["session rail","conversation","prompt composer","run status","artifact canvas","sources inspector"]},{"id":"map-explorer","name":"Map Explorer","category":"geospatial","summary":"A map-led explorer with synchronized results, spatial filters, and a compact place inspector.","bestFor":["property search","store locators","field operations","travel discovery"],"avoidWhen":["Location is only decorative","Results require many textual attributes at once"],"intent":"explore-by-location","density":"medium","navigation":"overlay-controls","contentShape":["map","result-list","spatial-filters","place-card"],"primaryActions":["move map","filter area","select marker","save place"],"agentHints":"Choose when proximity or geography changes the decision. Always provide a synchronized non-map result list.","responsive":"Use map/list modes with a draggable preview sheet; maintain selection across mode changes.","accessibility":["Provide full list alternative","Describe distance and direction textually","Do not require pinch gestures"],"palette":["#edf8f3","#17372b","#2b9b68"],"preview":"map","regions":["search overlay","map canvas","result list","filter controls","place inspector","map legend"]},{"id":"course-journey","name":"Course Journey","category":"learning","summary":"A structured learning space that balances lesson focus, curriculum context, practice, and progress.","bestFor":["online courses","employee training","tutorial series","certification prep"],"avoidWhen":["Content is unordered reference material","Learning has no meaningful progression"],"intent":"learn-and-practice","density":"low","navigation":"curriculum-sidebar","contentShape":["lesson","curriculum","practice","progress"],"primaryActions":["continue lesson","submit exercise","view transcript","mark complete"],"agentHints":"Choose when sequence and mastery matter. Keep the current lesson calm while making the broader path recoverable.","responsive":"Curriculum becomes a drawer; lesson content uses a narrow reading measure and sticky continue action.","accessibility":["Caption media","Do not lock progression to timers","Make completion reversible"],"palette":["#fff7e9","#352718","#d87522"],"preview":"learning","regions":["course header","curriculum","lesson content","practice block","resources","progress footer"]},{"id":"welcome-runway","name":"Welcome Runway","category":"onboarding","summary":"A progressive setup experience that gets users to a meaningful first result before requesting deeper configuration.","bestFor":["SaaS onboarding","workspace creation","developer setup","product activation"],"avoidWhen":["The product requires no setup","Every user must complete a regulated identity process"],"intent":"orient-and-activate","density":"low","navigation":"guided-checklist","contentShape":["welcome","setup-checklist","sample-data","success-state"],"primaryActions":["create workspace","import data","invite teammate","complete setup"],"agentHints":"Choose when early activation predicts retention. Ask only for inputs needed to produce the first useful outcome.","responsive":"Use one setup task per mobile screen and keep progress recoverable without blocking exploration.","accessibility":["Do not make optional steps appear required","Describe progress with text and numbers"],"palette":["#f2fbf4","#193522","#55a86b"],"preview":"steps","regions":["welcome context","activation goal","setup checklist","live preview","help route","completion handoff"]},{"id":"plan-selector","name":"Plan Selector","category":"pricing","summary":"A transparent plan-comparison page connecting customer needs to limits, costs, and purchasing routes.","bestFor":["SaaS pricing","membership tiers","service packages","usage-based products"],"avoidWhen":["Every contract is individually negotiated","Pricing cannot be stated or estimated responsibly"],"intent":"compare-and-commit","density":"medium","navigation":"minimal-topbar","contentShape":["plan-cards","feature-matrix","usage-calculator","FAQ"],"primaryActions":["choose plan","estimate cost","compare features","contact sales"],"agentHints":"Choose when buyers must understand tradeoffs between tiers. Lead with audience fit, then price, limits, and exceptions.","responsive":"Stack plan cards with a sticky comparison control; transform wide matrices into grouped feature lists.","accessibility":["Do not mark a plan using color alone","Make billing period and currency changes explicit"],"palette":["#fff9ef","#302416","#f0a42b"],"preview":"commerce","regions":["pricing proposition","billing controls","plan choices","usage estimate","feature comparison","purchase FAQ"]},{"id":"query-laboratory","name":"Query Laboratory","category":"analytics","summary":"An exploratory analytics workspace pairing a query surface with visualization, breakdowns, and reproducible history.","bestFor":["product analytics","business intelligence","event exploration","data investigation"],"avoidWhen":["The audience only needs a fixed report","Users cannot interpret dimensions and measures"],"intent":"explore-and-explain","density":"high","navigation":"analysis-workbench","contentShape":["query-builder","visualization","breakdown-table","query-history"],"primaryActions":["build query","change visualization","segment data","save analysis"],"agentHints":"Choose for open-ended questions where users iterate between query and evidence. Keep every result reproducible.","responsive":"On smaller screens separate query, chart, and table into modes while preserving one shared analysis state.","accessibility":["Always provide the underlying data table","Describe active filters before visualization results"],"palette":["#eef6ff","#162d45","#2986cc"],"preview":"report","regions":["analysis navigation","query definition","result summary","visualization canvas","data breakdown","history and notes"]},{"id":"asset-vault","name":"Asset Vault","category":"files","summary":"A file and asset manager for browsing hierarchy, previewing content, and coordinating metadata-heavy work.","bestFor":["digital asset management","cloud drives","media libraries","document repositories"],"avoidWhen":["Content has no meaningful hierarchy","The primary task is collaborative text editing"],"intent":"organize-and-retrieve","density":"medium","navigation":"folder-tree","contentShape":["folder-tree","asset-grid","metadata-inspector","upload-queue"],"primaryActions":["upload","preview asset","move file","edit metadata"],"agentHints":"Choose when users recognize files visually but govern them through metadata. Preserve location and selection across previews.","responsive":"Show folder navigation, assets, and inspector as sequential screens with persistent path breadcrumbs.","accessibility":["Offer list view beside thumbnail view","Expose upload progress and errors as text"],"palette":["#f2f5f8","#26323d","#537696"],"preview":"commerce","regions":["repository navigation","path and search","asset collection","selection toolbar","metadata inspector","upload status"]},{"id":"case-room","name":"Case Room","category":"case-management","summary":"A longitudinal case workspace unifying identity, timeline, evidence, responsibilities, and next actions.","bestFor":["healthcare coordination","legal matters","social services","complex customer cases"],"avoidWhen":["Work is completed in a single interaction","Sensitive data cannot be safely aggregated"],"intent":"assess-and-coordinate","density":"high","navigation":"case-tabs","contentShape":["case-summary","timeline","documents","task-plan"],"primaryActions":["add note","assign task","review evidence","update case status"],"agentHints":"Choose when decisions depend on history and multiple contributors. Separate verified facts from notes and interpretations.","responsive":"Prioritize current status and next actions; move history and evidence into clearly labeled secondary views.","accessibility":["Mark sensitive fields and access boundaries","Use precise timestamps and author attribution"],"palette":["#f5f2ed","#332e29","#9a6746"],"preview":"split","regions":["case identity","risk and status","current plan","longitudinal timeline","evidence library","team responsibilities"]},{"id":"event-stage","name":"Event Stage","category":"events","summary":"An event destination combining a compelling introduction, schedule, speakers, venue context, and registration.","bestFor":["conferences","community events","webinars","product showcases"],"avoidWhen":["The event has no program details yet","Attendees need a full operational event application"],"intent":"inform-and-register","density":"low","navigation":"anchor-navigation","contentShape":["event-hero","schedule","speaker-grid","venue","registration"],"primaryActions":["register","add to calendar","inspect session","get directions"],"agentHints":"Choose for pre-event discovery and conversion. Date, timezone, location, format, and price must be unmistakable.","responsive":"Turn multi-track schedules into day and track filters; keep timezones adjacent to every relevant time.","accessibility":["State event format and accommodations","Never put schedule details only inside images"],"palette":["#fff0f3","#3b1720","#e84268"],"preview":"hero","regions":["event identity","essential facts","registration action","program schedule","speaker context","venue and access"]},{"id":"help-beacon","name":"Help Beacon","category":"support","summary":"A self-service support hub leading with task search, common resolutions, product areas, and escalation paths.","bestFor":["help centers","customer support","troubleshooting portals","internal IT support"],"avoidWhen":["There are too few support articles to search","Every issue requires a human specialist"],"intent":"resolve-or-escalate","density":"low","navigation":"help-header","contentShape":["support-search","popular-tasks","topic-directory","contact-options"],"primaryActions":["search issue","follow resolution","contact support","check ticket"],"agentHints":"Choose when most problems have repeatable resolutions. Organize around symptoms and tasks, not internal team ownership.","responsive":"Keep search, service status, and existing ticket access above topic browsing on every screen size.","accessibility":["Use descriptive article titles","Keep escalation available without requiring failed search attempts"],"palette":["#eef9ff","#19384a","#2b91bd"],"preview":"portal","regions":["support identity","issue search","service status","common resolutions","topic directory","human escalation"]},{"id":"campaign-console","name":"Campaign Console","category":"marketing-ops","summary":"A campaign surface connecting a portfolio calendar, performance, approvals, assets, and audiences.","bestFor":["campaign operations","content marketing","lifecycle messaging","social publishing"],"avoidWhen":["Only one campaign runs at a time","Creative production and delivery have no shared workflow"],"intent":"plan-launch-measure","density":"high","navigation":"workspace-sidebar","contentShape":["campaign-list","calendar","approval-state","performance"],"primaryActions":["create campaign","approve creative","schedule launch","review results"],"agentHints":"Choose when campaign state spans planning through measurement. Keep ownership, audience, channel, and approval status visible.","responsive":"Use an agenda-style campaign stream and separate performance drill-down; retain launch warnings near actions.","accessibility":["Express approval and delivery states in text","Provide alternatives to calendar drag interactions"],"palette":["#fff4ea","#3b261b","#e8783d"],"preview":"calendar","regions":["portfolio summary","campaign calendar","launch queue","approval work","channel performance","asset drawer"]},{"id":"integration-market","name":"Integration Market","category":"ecosystem","summary":"A capability marketplace for discovering, evaluating, installing, and governing product integrations.","bestFor":["app marketplaces","plugin directories","API ecosystems","automation connectors"],"avoidWhen":["There are fewer than ten integrations","All connections are mandatory system configuration"],"intent":"discover-and-connect","density":"medium","navigation":"marketplace-header","contentShape":["integration-grid","categories","compatibility","permission-summary"],"primaryActions":["search integration","inspect permissions","install","manage connection"],"agentHints":"Choose when third-party capabilities extend the product. Trust signals and requested permissions belong before installation.","responsive":"Use compact integration cards and move categories into a filter sheet; keep installed state visible.","accessibility":["Describe external ownership and verification","List requested permissions as text before connection"],"palette":["#f4f1ff","#251e3c","#8267db"],"preview":"commerce","regions":["ecosystem search","category discovery","featured integrations","integration details","permission review","installed management"]},{"id":"status-horizon","name":"Status Horizon","category":"status","summary":"A public reliability page presenting current service health, active incidents, maintenance, and historical uptime.","bestFor":["SaaS status pages","infrastructure providers","public APIs","multi-region services"],"avoidWhen":["Service state cannot be published","The page is intended for internal incident operations"],"intent":"check-and-subscribe","density":"low","navigation":"minimal-brand","contentShape":["overall-status","component-list","incident-timeline","uptime-history"],"primaryActions":["check component","read incident","subscribe to updates","view history"],"agentHints":"Choose for transparent external communication. Put present impact in plain language before technical detail.","responsive":"Stack components and incident updates chronologically; keep the current status summary first.","accessibility":["Never communicate health with green and red alone","Use exact dates, times, and timezones"],"palette":["#effaf4","#173528","#34a46c"],"preview":"report","regions":["service identity","overall condition","active incidents","component health","scheduled maintenance","uptime history"]},{"id":"portfolio-prism","name":"Portfolio Prism","category":"portfolio","summary":"A visual body-of-work presentation pairing selected projects with process, role clarity, and measurable outcomes.","bestFor":["design portfolios","agency work","architecture practices","creative technologists"],"avoidWhen":["There is no project evidence to show","Visitors primarily need a searchable service catalog"],"intent":"demonstrate-and-inquire","density":"low","navigation":"minimal-index","contentShape":["project-index","case-study","process","capabilities","contact"],"primaryActions":["open project","understand role","view process","start inquiry"],"agentHints":"Choose when proof of work is the primary sales argument. Explain constraints and outcomes, not only polished images.","responsive":"Preserve project narrative order and crop imagery intentionally; keep captions attached to evidence.","accessibility":["Write substantive project image descriptions","Do not make hover the only way to reveal project names"],"palette":["#f3f0e8","#22221f","#cc4f35"],"preview":"editorial","regions":["studio identity","selected work","project narrative","role and process","outcomes","inquiry route"]},{"id":"donation-momentum","name":"Donation Momentum","category":"nonprofit","summary":"A mission-led fundraising page joining urgent context, credible impact evidence, giving choices, and accountability.","bestFor":["nonprofits","relief campaigns","community fundraising","research foundations"],"avoidWhen":["Impact claims cannot be substantiated","The primary goal is volunteer coordination rather than donations"],"intent":"understand-and-support","density":"low","navigation":"mission-header","contentShape":["mission-hero","impact-proof","giving-options","fund-allocation"],"primaryActions":["donate","choose amount","share campaign","review impact"],"agentHints":"Choose when emotional urgency must be balanced with trust. Place concrete impact and fund allocation next to giving choices.","responsive":"Keep the giving action reachable while allowing dismissal; preserve evidence before repeated appeals.","accessibility":["Avoid manipulative countdown patterns","State recurring donation terms before payment"],"palette":["#fff8ed","#3a2a1a","#d66b32"],"preview":"hero","regions":["mission statement","urgent need","impact evidence","giving choices","financial accountability","continued involvement"]},{"id":"trend-observatory","name":"Trend Observatory","category":"charts","summary":"Time-series monitoring with annotations, period comparison, and anomaly context. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Time-series monitoring with annotations, period comparison, and anomaly context.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"track-change-over-time","density":"medium","navigation":"contextual-navigation","contentShape":["time-series chart","period controls","event annotations","metric summary"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Trend Observatory when the product must track change over time. Preserve the relationship between time-series chart and period controls.","responsive":"At compact widths, prioritize time-series chart and period controls, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"report","regions":["product context","time-series chart","period controls","event annotations","primary action area","status and feedback"]},{"id":"ranking-bars","name":"Ranking Bars","category":"charts","summary":"Ranked categorical comparison with benchmarks and a synchronized detail table. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Ranked categorical comparison with benchmarks and a synchronized detail table.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"compare-ranked-values","density":"high","navigation":"persistent-workspace-navigation","contentShape":["horizontal bars","ranking controls","benchmark markers","detail table"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Ranking Bars when the product must compare ranked values. Preserve the relationship between horizontal bars and ranking controls.","responsive":"At compact widths, prioritize horizontal bars and ranking controls, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"report","regions":["product context","horizontal bars","ranking controls","benchmark markers","primary action area","status and feedback"]},{"id":"composition-stack","name":"Composition Stack","category":"charts","summary":"Stacked composition analysis across categories or time with stable color and totals. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Stacked composition analysis across categories or time with stable color and totals.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"compare-part-to-whole","density":"low","navigation":"contextual-navigation","contentShape":["stacked chart","legend controls","total values","composition table"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Composition Stack when the product must compare part to whole. Preserve the relationship between stacked chart and legend controls.","responsive":"At compact widths, prioritize stacked chart and legend controls, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"report","regions":["product context","stacked chart","legend controls","total values","primary action area","status and feedback"]},{"id":"correlation-field","name":"Correlation Field","category":"charts","summary":"Scatterplot exploration with quadrants, trend lines, outliers, and selected-point detail. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Scatterplot exploration with quadrants, trend lines, outliers, and selected-point detail.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"find-correlations","density":"medium","navigation":"contextual-navigation","contentShape":["scatterplot","axis selectors","outlier inspector","correlation summary"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Correlation Field when the product must find correlations. Preserve the relationship between scatterplot and axis selectors.","responsive":"At compact widths, prioritize scatterplot and axis selectors, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"report","regions":["product context","scatterplot","axis selectors","outlier inspector","primary action area","status and feedback"]},{"id":"heatmap-matrix","name":"Heatmap Matrix","category":"charts","summary":"A two-dimensional heatmap for locating clusters, gaps, and exceptional cells. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["A two-dimensional heatmap for locating clusters, gaps, and exceptional cells.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"spot-intensity-patterns","density":"high","navigation":"persistent-workspace-navigation","contentShape":["heatmap","scale legend","row and column labels","cell inspector"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Heatmap Matrix when the product must spot intensity patterns. Preserve the relationship between heatmap and scale legend.","responsive":"At compact widths, prioritize heatmap and scale legend, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"report","regions":["product context","heatmap","scale legend","row and column labels","primary action area","status and feedback"]},{"id":"conversion-funnel","name":"Conversion Funnel","category":"charts","summary":"Stage conversion analysis with cohort filters, loss explanation, and next-step experiments. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Stage conversion analysis with cohort filters, loss explanation, and next-step experiments.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"diagnose-dropoff","density":"low","navigation":"contextual-navigation","contentShape":["funnel chart","stage metrics","segment filters","dropoff notes"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Conversion Funnel when the product must diagnose dropoff. Preserve the relationship between funnel chart and stage metrics.","responsive":"At compact widths, prioritize funnel chart and stage metrics, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"report","regions":["product context","funnel chart","stage metrics","segment filters","primary action area","status and feedback"]},{"id":"cohort-retention","name":"Cohort Retention","category":"charts","summary":"Cohort triangle for comparing retention behavior by starting period and lifecycle age. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Cohort triangle for comparing retention behavior by starting period and lifecycle age.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"compare-retention","density":"medium","navigation":"contextual-navigation","contentShape":["cohort grid","retention scale","cohort selector","trend summary"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Cohort Retention when the product must compare retention. Preserve the relationship between cohort grid and retention scale.","responsive":"At compact widths, prioritize cohort grid and retention scale, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"report","regions":["product context","cohort grid","retention scale","cohort selector","primary action area","status and feedback"]},{"id":"flow-river","name":"Flow River","category":"charts","summary":"Sankey-style flow analysis showing movement, loss, and transformation between stages. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Sankey-style flow analysis showing movement, loss, and transformation between stages.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"trace-flow","density":"high","navigation":"persistent-workspace-navigation","contentShape":["flow diagram","node filters","path inspector","volume summary"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Flow River when the product must trace flow. Preserve the relationship between flow diagram and node filters.","responsive":"At compact widths, prioritize flow diagram and node filters, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"report","regions":["product context","flow diagram","node filters","path inspector","primary action area","status and feedback"]},{"id":"geo-density","name":"Geo Density","category":"charts","summary":"Geographic choropleth and ranked list for comparing normalized values across regions. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Geographic choropleth and ranked list for comparing normalized values across regions.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"compare-by-location","density":"low","navigation":"contextual-navigation","contentShape":["choropleth map","region ranking","scale legend","place inspector"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Geo Density when the product must compare by location. Preserve the relationship between choropleth map and region ranking.","responsive":"At compact widths, prioritize choropleth map and region ranking, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"report","regions":["product context","choropleth map","region ranking","scale legend","primary action area","status and feedback"]},{"id":"market-candles","name":"Market Candles","category":"charts","summary":"Financial price analysis with candlesticks, volume, indicators, and event markers. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Financial price analysis with candlesticks, volume, indicators, and event markers.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"inspect-price-action","density":"medium","navigation":"contextual-navigation","contentShape":["candlestick chart","volume bars","indicator controls","instrument summary"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Market Candles when the product must inspect price action. Preserve the relationship between candlestick chart and volume bars.","responsive":"At compact widths, prioritize candlestick chart and volume bars, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"report","regions":["product context","candlestick chart","volume bars","indicator controls","primary action area","status and feedback"]},{"id":"goal-gauge","name":"Goal Gauge","category":"charts","summary":"A restrained goal-progress view pairing one gauge with history and target explanation. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["A restrained goal-progress view pairing one gauge with history and target explanation.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"check-progress-to-target","density":"high","navigation":"persistent-workspace-navigation","contentShape":["goal gauge","target definition","history sparkline","variance explanation"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Goal Gauge when the product must check progress to target. Preserve the relationship between goal gauge and target definition.","responsive":"At compact widths, prioritize goal gauge and target definition, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"report","regions":["product context","goal gauge","target definition","history sparkline","primary action area","status and feedback"]},{"id":"bullet-scorecard","name":"Bullet Scorecard","category":"charts","summary":"Compact bullet charts comparing actual, target, and qualitative ranges across KPIs. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Compact bullet charts comparing actual, target, and qualitative ranges across KPIs.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"compare-target-performance","density":"low","navigation":"contextual-navigation","contentShape":["bullet charts","KPI labels","target markers","comparison notes"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Bullet Scorecard when the product must compare target performance. Preserve the relationship between bullet charts and KPI labels.","responsive":"At compact widths, prioritize bullet charts and KPI labels, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"report","regions":["product context","bullet charts","KPI labels","target markers","primary action area","status and feedback"]},{"id":"hierarchy-treemap","name":"Hierarchy Treemap","category":"charts","summary":"Treemap exploration for comparing nested categories by size and secondary performance. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Treemap exploration for comparing nested categories by size and secondary performance.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"inspect-hierarchical-size","density":"medium","navigation":"contextual-navigation","contentShape":["treemap","hierarchy breadcrumb","metric selector","node inspector"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Hierarchy Treemap when the product must inspect hierarchical size. Preserve the relationship between treemap and hierarchy breadcrumb.","responsive":"At compact widths, prioritize treemap and hierarchy breadcrumb, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"report","regions":["product context","treemap","hierarchy breadcrumb","metric selector","primary action area","status and feedback"]},{"id":"relationship-network","name":"Relationship Network","category":"charts","summary":"Node-link exploration with filters, communities, relationship detail, and list alternative. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Node-link exploration with filters, communities, relationship detail, and list alternative.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"explore-connections","density":"high","navigation":"persistent-workspace-navigation","contentShape":["network graph","entity filters","relationship inspector","accessible entity list"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Relationship Network when the product must explore connections. Preserve the relationship between network graph and entity filters.","responsive":"At compact widths, prioritize network graph and entity filters, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"report","regions":["product context","network graph","entity filters","relationship inspector","primary action area","status and feedback"]},{"id":"milestone-timeline","name":"Milestone Timeline","category":"charts","summary":"A chronological event narrative combining milestones, durations, dependencies, and evidence. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["A chronological event narrative combining milestones, durations, dependencies, and evidence.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"understand-sequence","density":"low","navigation":"contextual-navigation","contentShape":["timeline","milestone details","dependency cues","source notes"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Milestone Timeline when the product must understand sequence. Preserve the relationship between timeline and milestone details.","responsive":"At compact widths, prioritize timeline and milestone details, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"report","regions":["product context","timeline","milestone details","dependency cues","primary action area","status and feedback"]},{"id":"distribution-lab","name":"Distribution Lab","category":"charts","summary":"Histogram and box-plot workbench for comparing spread, median, outliers, and sample size. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Histogram and box-plot workbench for comparing spread, median, outliers, and sample size.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"compare-distributions","density":"medium","navigation":"contextual-navigation","contentShape":["histogram","box plots","group selector","statistics table"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Distribution Lab when the product must compare distributions. Preserve the relationship between histogram and box plots.","responsive":"At compact widths, prioritize histogram and box plots, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"report","regions":["product context","histogram","box plots","group selector","primary action area","status and feedback"]},{"id":"capability-radar","name":"Capability Radar","category":"charts","summary":"Radar comparison for a small, stable set of normalized capabilities with a table fallback. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Radar comparison for a small, stable set of normalized capabilities with a table fallback.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"compare-multivariate-profiles","density":"high","navigation":"persistent-workspace-navigation","contentShape":["radar chart","profile selector","axis definitions","comparison table"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Capability Radar when the product must compare multivariate profiles. Preserve the relationship between radar chart and profile selector.","responsive":"At compact widths, prioritize radar chart and profile selector, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"report","regions":["product context","radar chart","profile selector","axis definitions","primary action area","status and feedback"]},{"id":"small-multiples-wall","name":"Small Multiples Wall","category":"charts","summary":"A repeated-chart grid for scanning consistent trends across many entities without overlay clutter. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["A repeated-chart grid for scanning consistent trends across many entities without overlay clutter.","charts products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"scan-many-trends","density":"low","navigation":"contextual-navigation","contentShape":["small multiple charts","sort controls","shared scale","entity detail"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Small Multiples Wall when the product must scan many trends. Preserve the relationship between small multiple charts and sort controls.","responsive":"At compact widths, prioritize small multiple charts and sort controls, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"report","regions":["product context","small multiple charts","sort controls","shared scale","primary action area","status and feedback"]},{"id":"invoice-desk","name":"Invoice Desk","category":"finance","summary":"Invoice review, exception handling, approvals, and payment status. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Invoice review, exception handling, approvals, and payment status.","finance products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"review-and-reconcile","density":"medium","navigation":"contextual-navigation","contentShape":["invoice queue","document preview","line items","approval trail"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Invoice Desk when the product must review and reconcile. Preserve the relationship between invoice queue and document preview.","responsive":"At compact widths, prioritize invoice queue and document preview, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"table","regions":["product context","invoice queue","document preview","line items","primary action area","status and feedback"]},{"id":"budget-scenario","name":"Budget Scenario","category":"finance","summary":"Scenario planning across assumptions, allocations, and forecast outcomes. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Scenario planning across assumptions, allocations, and forecast outcomes.","finance products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"model-and-compare","density":"high","navigation":"persistent-workspace-navigation","contentShape":["scenario controls","allocation table","forecast chart","assumption notes"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Budget Scenario when the product must model and compare. Preserve the relationship between scenario controls and allocation table.","responsive":"At compact widths, prioritize scenario controls and allocation table, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"table","regions":["product context","scenario controls","allocation table","forecast chart","primary action area","status and feedback"]},{"id":"expense-lane","name":"Expense Lane","category":"finance","summary":"Employee expense submission with receipt evidence and policy-aware approval. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Employee expense submission with receipt evidence and policy-aware approval.","finance products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"submit-and-approve","density":"low","navigation":"contextual-navigation","contentShape":["expense list","receipt preview","policy checks","approval status"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Expense Lane when the product must submit and approve. Preserve the relationship between expense list and receipt preview.","responsive":"At compact widths, prioritize expense list and receipt preview, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"table","regions":["product context","expense list","receipt preview","policy checks","primary action area","status and feedback"]},{"id":"risk-register","name":"Risk Register","category":"operations","summary":"Operational risk tracking across likelihood, impact, ownership, and mitigation. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Operational risk tracking across likelihood, impact, ownership, and mitigation.","operations products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"identify-and-mitigate","density":"medium","navigation":"contextual-navigation","contentShape":["risk matrix","risk list","mitigation plan","owner summary"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Risk Register when the product must identify and mitigate. Preserve the relationship between risk matrix and risk list.","responsive":"At compact widths, prioritize risk matrix and risk list, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"dashboard","regions":["product context","risk matrix","risk list","mitigation plan","primary action area","status and feedback"]},{"id":"incident-bridge","name":"Incident Bridge","category":"operations","summary":"Live incident coordination with roles, timeline, impact, and recovery actions. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Live incident coordination with roles, timeline, impact, and recovery actions.","operations products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"coordinate-response","density":"high","navigation":"persistent-workspace-navigation","contentShape":["incident status","response timeline","work streams","stakeholder updates"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Incident Bridge when the product must coordinate response. Preserve the relationship between incident status and response timeline.","responsive":"At compact widths, prioritize incident status and response timeline, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"dashboard","regions":["product context","incident status","response timeline","work streams","primary action area","status and feedback"]},{"id":"fleet-overview","name":"Fleet Overview","category":"operations","summary":"Fleet health and utilization monitoring across vehicles, machines, or devices. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Fleet health and utilization monitoring across vehicles, machines, or devices.","operations products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"monitor-assets","density":"low","navigation":"contextual-navigation","contentShape":["fleet KPIs","asset map","health queue","maintenance forecast"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Fleet Overview when the product must monitor assets. Preserve the relationship between fleet KPIs and asset map.","responsive":"At compact widths, prioritize fleet KPIs and asset map, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"dashboard","regions":["product context","fleet KPIs","asset map","health queue","primary action area","status and feedback"]},{"id":"quality-control","name":"Quality Control","category":"operations","summary":"Quality inspection workflow connecting samples, defects, causes, and corrective action. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Quality inspection workflow connecting samples, defects, causes, and corrective action.","operations products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"inspect-and-correct","density":"medium","navigation":"contextual-navigation","contentShape":["inspection queue","defect evidence","control chart","corrective actions"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Quality Control when the product must inspect and correct. Preserve the relationship between inspection queue and defect evidence.","responsive":"At compact widths, prioritize inspection queue and defect evidence, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"dashboard","regions":["product context","inspection queue","defect evidence","control chart","primary action area","status and feedback"]},{"id":"warehouse-pulse","name":"Warehouse Pulse","category":"operations","summary":"Warehouse throughput, capacity, exceptions, and labor coordination. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Warehouse throughput, capacity, exceptions, and labor coordination.","operations products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"balance-flow","density":"high","navigation":"persistent-workspace-navigation","contentShape":["throughput metrics","zone map","exception queue","capacity forecast"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Warehouse Pulse when the product must balance flow. Preserve the relationship between throughput metrics and zone map.","responsive":"At compact widths, prioritize throughput metrics and zone map, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"dashboard","regions":["product context","throughput metrics","zone map","exception queue","primary action area","status and feedback"]},{"id":"procurement-room","name":"Procurement Room","category":"workflow","summary":"Procurement workflow from request and vendor comparison through approval. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Procurement workflow from request and vendor comparison through approval.","workflow products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"source-and-approve","density":"low","navigation":"contextual-navigation","contentShape":["request brief","vendor comparison","approval chain","contract summary"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Procurement Room when the product must source and approve. Preserve the relationship between request brief and vendor comparison.","responsive":"At compact widths, prioritize request brief and vendor comparison, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"steps","regions":["product context","request brief","vendor comparison","approval chain","primary action area","status and feedback"]},{"id":"approval-cascade","name":"Approval Cascade","category":"workflow","summary":"Multi-level approval routing with evidence, delegation, and audit history. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Multi-level approval routing with evidence, delegation, and audit history.","workflow products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"review-and-authorize","density":"medium","navigation":"contextual-navigation","contentShape":["approval queue","request evidence","decision controls","audit trail"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Approval Cascade when the product must review and authorize. Preserve the relationship between approval queue and request evidence.","responsive":"At compact widths, prioritize approval queue and request evidence, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"steps","regions":["product context","approval queue","request evidence","decision controls","primary action area","status and feedback"]},{"id":"intake-triage","name":"Intake Triage","category":"workflow","summary":"Structured request intake with priority assessment and ownership routing. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Structured request intake with priority assessment and ownership routing.","workflow products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"capture-and-route","density":"high","navigation":"persistent-workspace-navigation","contentShape":["intake form","priority rubric","routing suggestion","request summary"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Intake Triage when the product must capture and route. Preserve the relationship between intake form and priority rubric.","responsive":"At compact widths, prioritize intake form and priority rubric, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"steps","regions":["product context","intake form","priority rubric","routing suggestion","primary action area","status and feedback"]},{"id":"audit-trail","name":"Audit Trail","category":"administration","summary":"Tamper-aware change history with actor, target, before/after state, and filters. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Tamper-aware change history with actor, target, before/after state, and filters.","administration products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"investigate-changes","density":"low","navigation":"contextual-navigation","contentShape":["audit events","actor filters","change diff","export controls"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Audit Trail when the product must investigate changes. Preserve the relationship between audit events and actor filters.","responsive":"At compact widths, prioritize audit events and actor filters, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"settings","regions":["product context","audit events","actor filters","change diff","primary action area","status and feedback"]},{"id":"permission-matrix","name":"Permission Matrix","category":"administration","summary":"Role and permission governance across people, resources, and scopes. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Role and permission governance across people, resources, and scopes.","administration products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"govern-access","density":"medium","navigation":"contextual-navigation","contentShape":["role list","permission matrix","scope inspector","change review"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Permission Matrix when the product must govern access. Preserve the relationship between role list and permission matrix.","responsive":"At compact widths, prioritize role list and permission matrix, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"settings","regions":["product context","role list","permission matrix","scope inspector","primary action area","status and feedback"]},{"id":"team-roster","name":"Team Roster","category":"administration","summary":"Workspace membership, roles, invitations, groups, and access state. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Workspace membership, roles, invitations, groups, and access state.","administration products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"manage-members","density":"high","navigation":"persistent-workspace-navigation","contentShape":["member directory","role filters","invitation status","access actions"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Team Roster when the product must manage members. Preserve the relationship between member directory and role filters.","responsive":"At compact widths, prioritize member directory and role filters, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"settings","regions":["product context","member directory","role filters","invitation status","primary action area","status and feedback"]},{"id":"integration-health","name":"Integration Health","category":"administration","summary":"Connected-service health, sync state, credentials, and error recovery. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Connected-service health, sync state, credentials, and error recovery.","administration products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"monitor-connections","density":"low","navigation":"contextual-navigation","contentShape":["connection list","sync status","error detail","credential actions"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Integration Health when the product must monitor connections. Preserve the relationship between connection list and sync status.","responsive":"At compact widths, prioritize connection list and sync status, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"settings","regions":["product context","connection list","sync status","error detail","primary action area","status and feedback"]},{"id":"release-center","name":"Release Center","category":"developer","summary":"Software release coordination across changes, environments, checks, and rollout. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Software release coordination across changes, environments, checks, and rollout.","developer products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"plan-and-release","density":"medium","navigation":"contextual-navigation","contentShape":["release timeline","change list","environment matrix","rollout controls"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Release Center when the product must plan and release. Preserve the relationship between release timeline and change list.","responsive":"At compact widths, prioritize release timeline and change list, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"docs","regions":["product context","release timeline","change list","environment matrix","primary action area","status and feedback"]},{"id":"api-console","name":"API Console","category":"developer","summary":"Interactive API exploration with request builder, response inspection, and examples. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Interactive API exploration with request builder, response inspection, and examples.","developer products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"compose-and-test","density":"high","navigation":"persistent-workspace-navigation","contentShape":["endpoint navigation","request builder","response viewer","code examples"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose API Console when the product must compose and test. Preserve the relationship between endpoint navigation and request builder.","responsive":"At compact widths, prioritize endpoint navigation and request builder, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"docs","regions":["product context","endpoint navigation","request builder","response viewer","primary action area","status and feedback"]},{"id":"dependency-map","name":"Dependency Map","category":"developer","summary":"Service and package dependency exploration with ownership and impact paths. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Service and package dependency exploration with ownership and impact paths.","developer products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"trace-dependencies","density":"low","navigation":"contextual-navigation","contentShape":["dependency graph","service search","impact inspector","owner context"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Dependency Map when the product must trace dependencies. Preserve the relationship between dependency graph and service search.","responsive":"At compact widths, prioritize dependency graph and service search, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"docs","regions":["product context","dependency graph","service search","impact inspector","primary action area","status and feedback"]},{"id":"feature-flags","name":"Feature Flags","category":"developer","summary":"Feature flag management with targeting, environments, exposure, and cleanup. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Feature flag management with targeting, environments, exposure, and cleanup.","developer products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"control-rollout","density":"medium","navigation":"contextual-navigation","contentShape":["flag list","targeting rules","exposure metrics","environment state"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Feature Flags when the product must control rollout. Preserve the relationship between flag list and targeting rules.","responsive":"At compact widths, prioritize flag list and targeting rules, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"docs","regions":["product context","flag list","targeting rules","exposure metrics","primary action area","status and feedback"]},{"id":"job-orchestrator","name":"Job Orchestrator","category":"developer","summary":"Background job operations with schedules, runs, logs, and retry controls. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Background job operations with schedules, runs, logs, and retry controls.","developer products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"schedule-and-debug","density":"high","navigation":"persistent-workspace-navigation","contentShape":["job directory","run timeline","log stream","retry controls"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Job Orchestrator when the product must schedule and debug. Preserve the relationship between job directory and run timeline.","responsive":"At compact widths, prioritize job directory and run timeline, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"docs","regions":["product context","job directory","run timeline","log stream","primary action area","status and feedback"]},{"id":"content-planner","name":"Content Planner","category":"content","summary":"Editorial planning connecting briefs, assignments, calendar, and publication state. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Editorial planning connecting briefs, assignments, calendar, and publication state.","content products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"plan-and-publish","density":"low","navigation":"contextual-navigation","contentShape":["editorial calendar","content briefs","assignment queue","publication status"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Content Planner when the product must plan and publish. Preserve the relationship between editorial calendar and content briefs.","responsive":"At compact widths, prioritize editorial calendar and content briefs, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"editorial","regions":["product context","editorial calendar","content briefs","assignment queue","primary action area","status and feedback"]},{"id":"story-builder","name":"Story Builder","category":"content","summary":"Block-based storytelling with structure outline, live preview, and publishing checks. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Block-based storytelling with structure outline, live preview, and publishing checks.","content products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"compose-and-preview","density":"medium","navigation":"contextual-navigation","contentShape":["story outline","content canvas","live preview","publishing checks"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Story Builder when the product must compose and preview. Preserve the relationship between story outline and content canvas.","responsive":"At compact widths, prioritize story outline and content canvas, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"editorial","regions":["product context","story outline","content canvas","live preview","primary action area","status and feedback"]},{"id":"media-monitor","name":"Media Monitor","category":"content","summary":"Multi-source media monitoring with topics, sentiment, evidence, and collections. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Multi-source media monitoring with topics, sentiment, evidence, and collections.","content products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"scan-and-curate","density":"high","navigation":"persistent-workspace-navigation","contentShape":["source stream","topic filters","story preview","saved collection"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Media Monitor when the product must scan and curate. Preserve the relationship between source stream and topic filters.","responsive":"At compact widths, prioritize source stream and topic filters, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"editorial","regions":["product context","source stream","topic filters","story preview","primary action area","status and feedback"]},{"id":"newsletter-studio","name":"Newsletter Studio","category":"content","summary":"Newsletter production with modular content, audience preview, and send checks. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Newsletter production with modular content, audience preview, and send checks.","content products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"assemble-and-send","density":"low","navigation":"contextual-navigation","contentShape":["issue outline","content modules","audience preview","delivery checklist"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Newsletter Studio when the product must assemble and send. Preserve the relationship between issue outline and content modules.","responsive":"At compact widths, prioritize issue outline and content modules, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"editorial","regions":["product context","issue outline","content modules","audience preview","primary action area","status and feedback"]},{"id":"policy-library","name":"Policy Library","category":"content","summary":"Versioned policy reference with ownership, applicability, changes, and acknowledgement. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Versioned policy reference with ownership, applicability, changes, and acknowledgement.","content products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"find-and-acknowledge","density":"medium","navigation":"contextual-navigation","contentShape":["policy directory","document content","version history","acknowledgement status"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Policy Library when the product must find and acknowledge. Preserve the relationship between policy directory and document content.","responsive":"At compact widths, prioritize policy directory and document content, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"editorial","regions":["product context","policy directory","document content","version history","primary action area","status and feedback"]},{"id":"vendor-directory","name":"Vendor Directory","category":"directory","summary":"Vendor discovery and evaluation across capabilities, risk, contracts, and contacts. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Vendor discovery and evaluation across capabilities, risk, contracts, and contacts.","directory products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"find-and-evaluate","density":"high","navigation":"persistent-workspace-navigation","contentShape":["vendor search","comparison cards","risk summary","relationship detail"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Vendor Directory when the product must find and evaluate. Preserve the relationship between vendor search and comparison cards.","responsive":"At compact widths, prioritize vendor search and comparison cards, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"commerce","regions":["product context","vendor search","comparison cards","risk summary","primary action area","status and feedback"]},{"id":"people-directory","name":"People Directory","category":"directory","summary":"Organizational people search by expertise, team, location, and availability. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Organizational people search by expertise, team, location, and availability.","directory products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"find-and-connect","density":"low","navigation":"contextual-navigation","contentShape":["people search","expertise filters","profile results","organization context"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose People Directory when the product must find and connect. Preserve the relationship between people search and expertise filters.","responsive":"At compact widths, prioritize people search and expertise filters, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"commerce","regions":["product context","people search","expertise filters","profile results","primary action area","status and feedback"]},{"id":"service-catalog","name":"Service Catalog","category":"directory","summary":"Internal service discovery with eligibility, expectations, ownership, and request paths. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Internal service discovery with eligibility, expectations, ownership, and request paths.","directory products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"discover-and-request","density":"medium","navigation":"contextual-navigation","contentShape":["service search","category navigation","service detail","request entry"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Service Catalog when the product must discover and request. Preserve the relationship between service search and category navigation.","responsive":"At compact widths, prioritize service search and category navigation, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"commerce","regions":["product context","service search","category navigation","service detail","primary action area","status and feedback"]},{"id":"resource-booking","name":"Resource Booking","category":"planning","summary":"Shared space and equipment reservation with availability, constraints, and confirmation. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Shared space and equipment reservation with availability, constraints, and confirmation.","planning products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"find-and-reserve","density":"high","navigation":"persistent-workspace-navigation","contentShape":["availability calendar","resource filters","booking details","reservation summary"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Resource Booking when the product must find and reserve. Preserve the relationship between availability calendar and resource filters.","responsive":"At compact widths, prioritize availability calendar and resource filters, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"calendar","regions":["product context","availability calendar","resource filters","booking details","primary action area","status and feedback"]},{"id":"roadmap-horizon","name":"Roadmap Horizon","category":"planning","summary":"Outcome-oriented product roadmap across horizons, confidence, and dependencies. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Outcome-oriented product roadmap across horizons, confidence, and dependencies.","planning products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"prioritize-and-communicate","density":"low","navigation":"contextual-navigation","contentShape":["roadmap lanes","outcome cards","dependency cues","detail drawer"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Roadmap Horizon when the product must prioritize and communicate. Preserve the relationship between roadmap lanes and outcome cards.","responsive":"At compact widths, prioritize roadmap lanes and outcome cards, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"calendar","regions":["product context","roadmap lanes","outcome cards","dependency cues","primary action area","status and feedback"]},{"id":"capacity-planner","name":"Capacity Planner","category":"planning","summary":"Team capacity planning across demand, skills, availability, and tradeoffs. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Team capacity planning across demand, skills, availability, and tradeoffs.","planning products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"allocate-capacity","density":"medium","navigation":"contextual-navigation","contentShape":["capacity chart","demand backlog","skill matrix","allocation controls"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Capacity Planner when the product must allocate capacity. Preserve the relationship between capacity chart and demand backlog.","responsive":"At compact widths, prioritize capacity chart and demand backlog, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"calendar","regions":["product context","capacity chart","demand backlog","skill matrix","primary action area","status and feedback"]},{"id":"shift-exchange","name":"Shift Exchange","category":"planning","summary":"Shift scheduling with coverage, availability, swaps, and approval. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Shift scheduling with coverage, availability, swaps, and approval.","planning products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"schedule-and-swap","density":"high","navigation":"persistent-workspace-navigation","contentShape":["coverage grid","shift list","availability","swap requests"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Shift Exchange when the product must schedule and swap. Preserve the relationship between coverage grid and shift list.","responsive":"At compact widths, prioritize coverage grid and shift list, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"calendar","regions":["product context","coverage grid","shift list","availability","primary action area","status and feedback"]},{"id":"message-center","name":"Message Center","category":"communication","summary":"Multi-channel message workspace with conversations, priority, and customer context. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Multi-channel message workspace with conversations, priority, and customer context.","communication products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"read-and-respond","density":"low","navigation":"contextual-navigation","contentShape":["channel rail","conversation list","message thread","contact context"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Message Center when the product must read and respond. Preserve the relationship between channel rail and conversation list.","responsive":"At compact widths, prioritize channel rail and conversation list, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"split","regions":["product context","channel rail","conversation list","message thread","primary action area","status and feedback"]},{"id":"announcement-hub","name":"Announcement Hub","category":"communication","summary":"Targeted organizational announcements with audience, delivery, and acknowledgement. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Targeted organizational announcements with audience, delivery, and acknowledgement.","communication products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"publish-and-confirm","density":"medium","navigation":"contextual-navigation","contentShape":["announcement feed","audience scope","message detail","read status"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Announcement Hub when the product must publish and confirm. Preserve the relationship between announcement feed and audience scope.","responsive":"At compact widths, prioritize announcement feed and audience scope, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"split","regions":["product context","announcement feed","audience scope","message detail","primary action area","status and feedback"]},{"id":"meeting-room","name":"Meeting Room","category":"communication","summary":"Meeting preparation and follow-up around agenda, notes, decisions, and actions. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Meeting preparation and follow-up around agenda, notes, decisions, and actions.","communication products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"prepare-and-follow-up","density":"high","navigation":"persistent-workspace-navigation","contentShape":["meeting context","agenda","collaborative notes","action register"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Meeting Room when the product must prepare and follow up. Preserve the relationship between meeting context and agenda.","responsive":"At compact widths, prioritize meeting context and agenda, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"split","regions":["product context","meeting context","agenda","collaborative notes","primary action area","status and feedback"]},{"id":"feedback-radar","name":"Feedback Radar","category":"communication","summary":"Customer feedback synthesis across channels, themes, evidence, and response. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Customer feedback synthesis across channels, themes, evidence, and response.","communication products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"collect-and-synthesize","density":"low","navigation":"contextual-navigation","contentShape":["feedback inbox","theme clusters","evidence detail","response actions"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Feedback Radar when the product must collect and synthesize. Preserve the relationship between feedback inbox and theme clusters.","responsive":"At compact widths, prioritize feedback inbox and theme clusters, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"split","regions":["product context","feedback inbox","theme clusters","evidence detail","primary action area","status and feedback"]},{"id":"loyalty-wallet","name":"Loyalty Wallet","category":"commerce","summary":"Customer loyalty experience combining balance, rewards, progress, and history. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Customer loyalty experience combining balance, rewards, progress, and history.","commerce products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"earn-and-redeem","density":"medium","navigation":"contextual-navigation","contentShape":["balance summary","reward catalog","progress status","activity history"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Loyalty Wallet when the product must earn and redeem. Preserve the relationship between balance summary and reward catalog.","responsive":"At compact widths, prioritize balance summary and reward catalog, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"commerce","regions":["product context","balance summary","reward catalog","progress status","primary action area","status and feedback"]},{"id":"subscription-center","name":"Subscription Center","category":"commerce","summary":"Subscription self-service for plans, usage, invoices, add-ons, and cancellation. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Subscription self-service for plans, usage, invoices, add-ons, and cancellation.","commerce products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"manage-subscription","density":"high","navigation":"persistent-workspace-navigation","contentShape":["plan summary","usage meter","billing history","subscription actions"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Subscription Center when the product must manage subscription. Preserve the relationship between plan summary and usage meter.","responsive":"At compact widths, prioritize plan summary and usage meter, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"commerce","regions":["product context","plan summary","usage meter","billing history","primary action area","status and feedback"]},{"id":"checkout-focus","name":"Checkout Focus","category":"commerce","summary":"Low-distraction checkout with delivery, payment, order review, and trust context. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Low-distraction checkout with delivery, payment, order review, and trust context.","commerce products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"review-and-purchase","density":"low","navigation":"contextual-navigation","contentShape":["checkout steps","address form","payment method","order summary"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Checkout Focus when the product must review and purchase. Preserve the relationship between checkout steps and address form.","responsive":"At compact widths, prioritize checkout steps and address form, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"commerce","regions":["product context","checkout steps","address form","payment method","primary action area","status and feedback"]},{"id":"returns-path","name":"Returns Path","category":"commerce","summary":"Guided returns and exchanges with eligibility, method, tracking, and refund status. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Guided returns and exchanges with eligibility, method, tracking, and refund status.","commerce products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"return-and-resolve","density":"medium","navigation":"contextual-navigation","contentShape":["order selection","return reason","resolution choices","return tracking"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Returns Path when the product must return and resolve. Preserve the relationship between order selection and return reason.","responsive":"At compact widths, prioritize order selection and return reason, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"commerce","regions":["product context","order selection","return reason","resolution choices","primary action area","status and feedback"]},{"id":"community-home","name":"Community Home","category":"community","summary":"Community landing surface joining discussions, groups, events, and contribution prompts. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Community landing surface joining discussions, groups, events, and contribution prompts.","community products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"discover-and-participate","density":"high","navigation":"persistent-workspace-navigation","contentShape":["community pulse","discussion feed","group directory","event rail"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Community Home when the product must discover and participate. Preserve the relationship between community pulse and discussion feed.","responsive":"At compact widths, prioritize community pulse and discussion feed, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"profile","regions":["product context","community pulse","discussion feed","group directory","primary action area","status and feedback"]},{"id":"discussion-thread","name":"Discussion Thread","category":"community","summary":"Long-form threaded discussion with context, replies, citations, and moderation. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Long-form threaded discussion with context, replies, citations, and moderation.","community products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"discuss-and-moderate","density":"low","navigation":"contextual-navigation","contentShape":["topic context","reply tree","evidence links","moderation actions"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Discussion Thread when the product must discuss and moderate. Preserve the relationship between topic context and reply tree.","responsive":"At compact widths, prioritize topic context and reply tree, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"profile","regions":["product context","topic context","reply tree","evidence links","primary action area","status and feedback"]},{"id":"mentor-match","name":"Mentor Match","category":"community","summary":"Mentorship discovery through goals, expertise, compatibility, and availability. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Mentorship discovery through goals, expertise, compatibility, and availability.","community products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"match-and-connect","density":"medium","navigation":"contextual-navigation","contentShape":["goal intake","mentor matches","profile comparison","connection request"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Mentor Match when the product must match and connect. Preserve the relationship between goal intake and mentor matches.","responsive":"At compact widths, prioritize goal intake and mentor matches, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"profile","regions":["product context","goal intake","mentor matches","profile comparison","primary action area","status and feedback"]},{"id":"volunteer-board","name":"Volunteer Board","category":"community","summary":"Volunteer opportunity discovery with skills, commitment, impact, and application. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Volunteer opportunity discovery with skills, commitment, impact, and application.","community products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"discover-and-join","density":"high","navigation":"persistent-workspace-navigation","contentShape":["opportunity search","commitment filters","role detail","application path"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Volunteer Board when the product must discover and join. Preserve the relationship between opportunity search and commitment filters.","responsive":"At compact widths, prioritize opportunity search and commitment filters, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"profile","regions":["product context","opportunity search","commitment filters","role detail","primary action area","status and feedback"]},{"id":"route-planner","name":"Route Planner","category":"location","summary":"Multi-stop route planning with travel options, constraints, and itinerary. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Multi-stop route planning with travel options, constraints, and itinerary.","location products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"plan-a-route","density":"low","navigation":"contextual-navigation","contentShape":["route map","stop list","travel options","itinerary summary"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Route Planner when the product must plan a route. Preserve the relationship between route map and stop list.","responsive":"At compact widths, prioritize route map and stop list, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"map","regions":["product context","route map","stop list","travel options","primary action area","status and feedback"]},{"id":"territory-manager","name":"Territory Manager","category":"location","summary":"Sales or service territory design with boundaries, accounts, capacity, and coverage. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Sales or service territory design with boundaries, accounts, capacity, and coverage.","location products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"assign-and-balance","density":"medium","navigation":"contextual-navigation","contentShape":["territory map","account layer","capacity summary","assignment controls"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Territory Manager when the product must assign and balance. Preserve the relationship between territory map and account layer.","responsive":"At compact widths, prioritize territory map and account layer, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"map","regions":["product context","territory map","account layer","capacity summary","primary action area","status and feedback"]},{"id":"field-visit","name":"Field Visit","category":"location","summary":"Mobile-first field visit workflow with route, checklist, evidence, and follow-up. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Mobile-first field visit workflow with route, checklist, evidence, and follow-up.","location products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"prepare-and-record","density":"high","navigation":"persistent-workspace-navigation","contentShape":["visit schedule","location context","field checklist","evidence capture"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Field Visit when the product must prepare and record. Preserve the relationship between visit schedule and location context.","responsive":"At compact widths, prioritize visit schedule and location context, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"map","regions":["product context","visit schedule","location context","field checklist","primary action area","status and feedback"]},{"id":"lab-notebook","name":"Lab Notebook","category":"learning","summary":"Structured research notebook linking protocols, observations, results, and revisions. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Structured research notebook linking protocols, observations, results, and revisions.","learning products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"record-and-review","density":"low","navigation":"contextual-navigation","contentShape":["experiment index","protocol","observation log","result attachments"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Lab Notebook when the product must record and review. Preserve the relationship between experiment index and protocol.","responsive":"At compact widths, prioritize experiment index and protocol, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"learning","regions":["product context","experiment index","protocol","observation log","primary action area","status and feedback"]},{"id":"assessment-room","name":"Assessment Room","category":"learning","summary":"Focused assessment environment with progress, questions, evidence, and review. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Focused assessment environment with progress, questions, evidence, and review.","learning products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"assess-and-review","density":"medium","navigation":"contextual-navigation","contentShape":["assessment progress","question content","response workspace","review controls"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Assessment Room when the product must assess and review. Preserve the relationship between assessment progress and question content.","responsive":"At compact widths, prioritize assessment progress and question content, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"learning","regions":["product context","assessment progress","question content","response workspace","primary action area","status and feedback"]},{"id":"skill-tree","name":"Skill Tree","category":"learning","summary":"Competency progression map linking prerequisites, evidence, goals, and practice. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Competency progression map linking prerequisites, evidence, goals, and practice.","learning products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"plan-and-master","density":"high","navigation":"persistent-workspace-navigation","contentShape":["skill map","competency detail","evidence record","learning plan"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Skill Tree when the product must plan and master. Preserve the relationship between skill map and competency detail.","responsive":"At compact widths, prioritize skill map and competency detail, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"learning","regions":["product context","skill map","competency detail","evidence record","primary action area","status and feedback"]},{"id":"model-evaluation","name":"Model Evaluation","category":"ai","summary":"AI model evaluation across datasets, metrics, examples, and failure analysis. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["AI model evaluation across datasets, metrics, examples, and failure analysis.","ai products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"evaluate-and-compare","density":"low","navigation":"contextual-navigation","contentShape":["evaluation runs","metric comparison","example inspector","failure clusters"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Model Evaluation when the product must evaluate and compare. Preserve the relationship between evaluation runs and metric comparison.","responsive":"At compact widths, prioritize evaluation runs and metric comparison, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"ai","regions":["product context","evaluation runs","metric comparison","example inspector","primary action area","status and feedback"]},{"id":"prompt-workbench","name":"Prompt Workbench","category":"ai","summary":"Prompt experimentation with variants, inputs, outputs, scoring, and history. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Prompt experimentation with variants, inputs, outputs, scoring, and history.","ai products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"experiment-and-refine","density":"medium","navigation":"contextual-navigation","contentShape":["prompt editor","test inputs","output comparison","experiment history"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Prompt Workbench when the product must experiment and refine. Preserve the relationship between prompt editor and test inputs.","responsive":"At compact widths, prioritize prompt editor and test inputs, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"ai","regions":["product context","prompt editor","test inputs","output comparison","primary action area","status and feedback"]},{"id":"agent-control","name":"Agent Control","category":"ai","summary":"Agent run supervision with plan, tools, approvals, artifacts, and intervention. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Agent run supervision with plan, tools, approvals, artifacts, and intervention.","ai products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"supervise-and-intervene","density":"high","navigation":"persistent-workspace-navigation","contentShape":["run plan","tool activity","approval queue","artifact inspector"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Agent Control when the product must supervise and intervene. Preserve the relationship between run plan and tool activity.","responsive":"At compact widths, prioritize run plan and tool activity, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"ai","regions":["product context","run plan","tool activity","approval queue","primary action area","status and feedback"]},{"id":"knowledge-ingest","name":"Knowledge Ingest","category":"ai","summary":"Knowledge ingestion pipeline with sources, parsing, chunking, quality, and indexing. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Knowledge ingestion pipeline with sources, parsing, chunking, quality, and indexing.","ai products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"import-and-validate","density":"low","navigation":"contextual-navigation","contentShape":["source queue","pipeline stages","quality checks","index status"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Knowledge Ingest when the product must import and validate. Preserve the relationship between source queue and pipeline stages.","responsive":"At compact widths, prioritize source queue and pipeline stages, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"ai","regions":["product context","source queue","pipeline stages","quality checks","primary action area","status and feedback"]},{"id":"security-findings","name":"Security Findings","category":"operations","summary":"Security finding management across severity, evidence, assets, and remediation. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Security finding management across severity, evidence, assets, and remediation.","operations products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"prioritize-and-remediate","density":"medium","navigation":"contextual-navigation","contentShape":["finding queue","risk context","evidence inspector","remediation plan"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Security Findings when the product must prioritize and remediate. Preserve the relationship between finding queue and risk context.","responsive":"At compact widths, prioritize finding queue and risk context, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"dashboard","regions":["product context","finding queue","risk context","evidence inspector","primary action area","status and feedback"]},{"id":"compliance-center","name":"Compliance Center","category":"administration","summary":"Control and evidence management across frameworks, owners, tests, and gaps. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Control and evidence management across frameworks, owners, tests, and gaps.","administration products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"prove-and-govern","density":"high","navigation":"persistent-workspace-navigation","contentShape":["framework navigation","control status","evidence library","gap plan"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Compliance Center when the product must prove and govern. Preserve the relationship between framework navigation and control status.","responsive":"At compact widths, prioritize framework navigation and control status, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f2f6ff","#172a46","#467ac7"],"preview":"settings","regions":["product context","framework navigation","control status","evidence library","primary action area","status and feedback"]},{"id":"privacy-requests","name":"Privacy Requests","category":"workflow","summary":"Privacy rights request processing with identity verification, scope, and audit. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Privacy rights request processing with identity verification, scope, and audit.","workflow products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"verify-and-fulfill","density":"low","navigation":"contextual-navigation","contentShape":["request queue","identity checks","data scope","fulfillment log"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Privacy Requests when the product must verify and fulfill. Preserve the relationship between request queue and identity checks.","responsive":"At compact widths, prioritize request queue and identity checks, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f8f2ff","#2d1d42","#9464d6"],"preview":"steps","regions":["product context","request queue","identity checks","data scope","primary action area","status and feedback"]},{"id":"contract-room","name":"Contract Room","category":"workflow","summary":"Contract lifecycle workspace with clauses, redlines, obligations, and approvals. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Contract lifecycle workspace with clauses, redlines, obligations, and approvals.","workflow products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"draft-and-negotiate","density":"medium","navigation":"contextual-navigation","contentShape":["contract list","document comparison","clause library","approval status"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Contract Room when the product must draft and negotiate. Preserve the relationship between contract list and document comparison.","responsive":"At compact widths, prioritize contract list and document comparison, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#eff9f4","#17382b","#36a076"],"preview":"steps","regions":["product context","contract list","document comparison","clause library","primary action area","status and feedback"]},{"id":"recruiting-pipeline","name":"Recruiting Pipeline","category":"workflow","summary":"Candidate pipeline connecting applications, interviews, evidence, and decisions. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Candidate pipeline connecting applications, interviews, evidence, and decisions.","workflow products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"source-and-hire","density":"high","navigation":"persistent-workspace-navigation","contentShape":["candidate stages","profile detail","interview plan","decision evidence"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Recruiting Pipeline when the product must source and hire. Preserve the relationship between candidate stages and profile detail.","responsive":"At compact widths, prioritize candidate stages and profile detail, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#fff5ee","#3d271b","#db7543"],"preview":"steps","regions":["product context","candidate stages","profile detail","interview plan","primary action area","status and feedback"]},{"id":"benefits-guide","name":"Benefits Guide","category":"directory","summary":"Employee benefits exploration with eligibility, comparison, cost, and enrollment. The layout keeps the primary decision visible while preserving the context needed to act with confidence.","bestFor":["Employee benefits exploration with eligibility, comparison, cost, and enrollment.","directory products with recurring decisions","teams that need clear ownership and state","responsive web applications with structured content"],"avoidWhen":["The primary content cannot be expressed in a consistent structure","Users only need a single static message with no follow-up action"],"intent":"understand-and-enroll","density":"low","navigation":"contextual-navigation","contentShape":["benefit categories","plan comparison","cost estimate","enrollment status"],"primaryActions":["inspect primary item","change scope","take next action","share or export"],"agentHints":"Choose Benefits Guide when the product must understand and enroll. Preserve the relationship between benefit categories and plan comparison.","responsive":"At compact widths, prioritize benefit categories and plan comparison, move secondary context into a labeled drawer, and preserve selection when users return.","accessibility":["Expose visual state and relationships through text, not color or position alone","Keep keyboard focus stable when content updates or panels change"],"palette":["#f7f5ef","#302e28","#9b8a55"],"preview":"commerce","regions":["product context","benefit categories","plan comparison","cost estimate","primary action area","status and feedback"]}]}