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: Ember Paper
Accent: #E8746D
Ink: #37352F
Surface: #FDFAF6
Muted: #72706B
Display font: "IBM Plex Serif", serif
Body font: "IBM Plex Sans", sans-serif
Tags: soft, serif, calm
Theme description: A soft and bookish workspace theme — warm paper with a muted ember 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: Wiki Workbench
Design inside a wiki-workbench motif. Keep the theme tokens exact, then use linked pages, task blocks, relation arrows, and document callouts to organize customer-success work. Make the screen feel editable, calm, and knowledge-rich while still highlighting the accounts that need attention.
Adopt:
- Use linked-page sections for accounts, notes, recent activity, and next actions.
- Use block-like rows and nested callouts instead of heavy dashboard modules.
Avoid:
- Avoid generic analytics dashboards that ignore the knowledge-work metaphor.
- Avoid too many nested containers that make the workspace feel like a maze.
metaphor
Library Stacks
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: Ember Paper
Accent: #E8746D
Ink: #37352F
Surface: #FDFAF6
Muted: #72706B
Display font: "IBM Plex Serif", serif
Body font: "IBM Plex Sans", sans-serif
Tags: soft, serif, calm
Theme description: A soft and bookish workspace theme — warm paper with a muted ember 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: Library Stacks
Design with a library-stacks metaphor. Preserve all theme tokens, then use catalog cards, bookmark tabs, reading lists, and shelf dividers to shape the workspace. The customer-success screen should feel organized and discoverable, with relationship health presented as knowledge to retrieve and act on.
Adopt:
- Use catalog-card rows and shelf-like groupings for account states.
- Create a reading-list panel for attention items and renewal follow-ups.
Avoid:
- Avoid literal library clip art or dusty nostalgia.
- Avoid dense tables that hide relationship context behind columns.
composition breaker
Blockless Dashboard
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: Ember Paper
Accent: #E8746D
Ink: #37352F
Surface: #FDFAF6
Muted: #72706B
Display font: "IBM Plex Serif", serif
Body font: "IBM Plex Sans", sans-serif
Tags: soft, serif, calm
Theme description: A soft and bookish workspace theme — warm paper with a muted ember 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: Blockless Dashboard
Design as a living document, not a generic dashboard. Keep the theme tokens exact. Use a context spine, action bookmarks, nested account evidence, and inline relation marks to make customer-success work feel editable and grounded. Do not lead with charts or KPI-card rows.
Adopt:
- Use a document-like context spine that flows from health summary to action list.
- Use bookmarks and inline evidence blocks to call out urgent relationship work.
Avoid:
- Avoid card grids, top KPI strips, and chart-first layout patterns.
- Avoid abstract dashboards that do not feel editable or knowledge-based.
illustrative
Page Doodles
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: Ember Paper
Accent: #E8746D
Ink: #37352F
Surface: #FDFAF6
Muted: #72706B
Display font: "IBM Plex Serif", serif
Body font: "IBM Plex Sans", sans-serif
Tags: soft, serif, calm
Theme description: A soft and bookish workspace theme — warm paper with a muted ember 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: Page Doodles
Design with page doodles, bookmark icons, relation arrows, and document stamps. Keep colors and fonts tied to the theme. Use small illustration marks to make the workspace feel tactile and specific: health summaries, activity, next actions, and empty states should each get a distinct but restrained mark.
Adopt:
- Attach tiny page marks to sections such as health, activity, empty state, and next action.
- Use relation arrows to show how activity connects to relationship risk.
Avoid:
- Avoid large illustrations that make the screen feel like a marketing page.
- Avoid doodles that compete with the account data or reduce readability.