Create a B2B customer-success workspace for an account manager. The screen should show relationship health, an attention queue, recent activity, next actions, lightweight data display, and one quiet empty state. Use realistic product copy and make the screen feel like a complete product workspace, not a landing page.
Design system: Terracotta Grove
Accent: #D97757
Ink: #0A3D2E
Surface: #F4F1EB
Muted: #507367
Display font: "Instrument Serif", serif
Body font: Newsreader, serif
Tags: editorial, warm, serif
Theme description: A grounded editorial theme — forest ink on stone with a soft terracotta accent.
Rules:
- Use the design system tokens as the source of truth for color and typography.
- Do not invent a new palette or unrelated font personality.
- Motif prompts guide composition, metaphor, illustration, and material language.
- The design-system name above only identifies where the tokens came from. Never use that company's name, logo, wordmark, or slogan in the screen — invent a neutral fictional product name and render its mark as plain styled text or a simple geometric shape.
Motif pack: Research Notebook
Design as a research notebook for customer success. Preserve the theme tokens, then use observation cards, method notes, evidence trails, and confidence cues to make the screen distinctive. The visual feel should be grounded, careful, and accountable. Do not add unrelated colors, futuristic effects, or generic AI decoration.
Adopt:
- Use evidence trails and observation cards to explain relationship health.
- Pair each recommendation with a short method note or confidence cue.
Avoid:
- Avoid hype-driven AI visuals, glowing chat chrome, or vague assistant panels.
- Avoid metric tiles that present numbers without evidence or context.
metaphor
Observatory
Create a B2B customer-success workspace for an account manager. The screen should show relationship health, an attention queue, recent activity, next actions, lightweight data display, and one quiet empty state. Use realistic product copy and make the screen feel like a complete product workspace, not a landing page.
Design system: Terracotta Grove
Accent: #D97757
Ink: #0A3D2E
Surface: #F4F1EB
Muted: #507367
Display font: "Instrument Serif", serif
Body font: Newsreader, serif
Tags: editorial, warm, serif
Theme description: A grounded editorial theme — forest ink on stone with a soft terracotta accent.
Rules:
- Use the design system tokens as the source of truth for color and typography.
- Do not invent a new palette or unrelated font personality.
- Motif prompts guide composition, metaphor, illustration, and material language.
- The design-system name above only identifies where the tokens came from. Never use that company's name, logo, wordmark, or slogan in the screen — invent a neutral fictional product name and render its mark as plain styled text or a simple geometric shape.
Motif pack: Observatory
Design with an observatory metaphor. Use the theme tokens exactly, then organize account signals like constellations on a quiet signal horizon. Make risks and next actions visible through connective lines, clusters, and labels. Keep the visual language restrained and research-oriented rather than futuristic.
Adopt:
- Create a signal horizon for accounts moving into attention or renewal.
- Use constellation-like clusters to connect activities, risks, and next steps.
Avoid:
- Avoid sci-fi neon dashboards or space-game visuals.
- Avoid isolated alerts that do not show why they matter.
composition breaker
Dialogue Map
Create a B2B customer-success workspace for an account manager. The screen should show relationship health, an attention queue, recent activity, next actions, lightweight data display, and one quiet empty state. Use realistic product copy and make the screen feel like a complete product workspace, not a landing page.
Design system: Terracotta Grove
Accent: #D97757
Ink: #0A3D2E
Surface: #F4F1EB
Muted: #507367
Display font: "Instrument Serif", serif
Body font: Newsreader, serif
Tags: editorial, warm, serif
Theme description: A grounded editorial theme — forest ink on stone with a soft terracotta accent.
Rules:
- Use the design system tokens as the source of truth for color and typography.
- Do not invent a new palette or unrelated font personality.
- Motif prompts guide composition, metaphor, illustration, and material language.
- The design-system name above only identifies where the tokens came from. Never use that company's name, logo, wordmark, or slogan in the screen — invent a neutral fictional product name and render its mark as plain styled text or a simple geometric shape.
Motif pack: Dialogue Map
Design the workspace as a dialogue map rather than a generic dashboard. Keep theme tokens exact. Use an evidence spine, conversation clusters, source chips, and decision notes to show how customer activity leads to next actions. Make the composition feel analytical, transparent, and grounded in context.
Adopt:
- Use an evidence spine that connects recent activity to recommended next actions.
- Place customer conversations and account observations in structured dialogue clusters.
Avoid:
- Avoid a generic admin dashboard with top KPIs and a table below.
- Avoid unexplained scores that appear detached from customer conversation history.
illustrative
Constitutional Diagrams
Create a B2B customer-success workspace for an account manager. The screen should show relationship health, an attention queue, recent activity, next actions, lightweight data display, and one quiet empty state. Use realistic product copy and make the screen feel like a complete product workspace, not a landing page.
Design system: Terracotta Grove
Accent: #D97757
Ink: #0A3D2E
Surface: #F4F1EB
Muted: #507367
Display font: "Instrument Serif", serif
Body font: Newsreader, serif
Tags: editorial, warm, serif
Theme description: A grounded editorial theme — forest ink on stone with a soft terracotta accent.
Rules:
- Use the design system tokens as the source of truth for color and typography.
- Do not invent a new palette or unrelated font personality.
- Motif prompts guide composition, metaphor, illustration, and material language.
- The design-system name above only identifies where the tokens came from. Never use that company's name, logo, wordmark, or slogan in the screen — invent a neutral fictional product name and render its mark as plain styled text or a simple geometric shape.
Motif pack: Constitutional Diagrams
Design with rule cards, principle diagrams, and confidence seals. Preserve the theme tokens, then let the illustration language explain why account recommendations exist. Use diagrammatic marks inside cards, empty states, and health summaries. The result should feel principled and helpful without becoming dense or academic.
Adopt:
- Show recommendations as small decision ladders with supporting rule cards.
- Use confidence seals and principle labels for account health explanations.
Avoid:
- Avoid mascot-style illustrations or generic robot assistant imagery.
- Avoid complex diagrams that make routine account work feel academic.