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: Iris Carbon
Accent: #5E6AD2
Ink: #0E0F17
Surface: #E6E7EF
Muted: #64656D
Display font: Geist, sans-serif
Body font: Inter, sans-serif
Tags: cool, sans, dense
Theme description: A cool engineering theme — iris on near-black, dense and precise.
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: Mission Control
Design with a mission-control motif. Keep the theme tokens exact, then use cycle lanes, signal grids, owner handoffs, and compact operational marks to make customer-success work feel precise. The screen should be dense, calm, and decisive, with hierarchy driven by relationship urgency.
Adopt:
- Use cycle lanes for accounts moving through risk, action, and recovery.
- Use a signal grid to connect recent events, owners, and next actions.
Avoid:
- Avoid generic project-management kanban with no customer-success context.
- Avoid decorative dark-space visuals that reduce operational clarity.
metaphor
Orbital 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: Iris Carbon
Accent: #5E6AD2
Ink: #0E0F17
Surface: #E6E7EF
Muted: #64656D
Display font: Geist, sans-serif
Body font: Inter, sans-serif
Tags: cool, sans, dense
Theme description: A cool engineering theme — iris on near-black, dense and precise.
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: Orbital Map
Design with an orbital-map metaphor. Preserve all theme tokens. Use trajectories, drift markers, intercept windows, and signal dots to make account health and next action timing visible. Keep the result precise and navigational, not theatrical.
Adopt:
- Use trajectory lines to connect relationship signals to planned next actions.
- Use intercept-window cards for urgent account moments and owner timing.
Avoid:
- Avoid starfield backgrounds, neon planets, or literal space scenes.
- Avoid isolated issue cards that do not show trajectory or timing.
composition breaker
Issue Lanes
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: Iris Carbon
Accent: #5E6AD2
Ink: #0E0F17
Surface: #E6E7EF
Muted: #64656D
Display font: Geist, sans-serif
Body font: Inter, sans-serif
Tags: cool, sans, dense
Theme description: A cool engineering theme — iris on near-black, dense and precise.
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: Issue Lanes
Design as customer-success issue lanes. Keep theme tokens exact. Use a triage queue, cycle summary, blocked account lane, and owner handoffs to structure the screen. Do not lead with KPI cards or overview charts. Make the interface feel like focused operational work.
Adopt:
- Use issue lanes for relationship states with clear owners and cycle timing.
- Use a triage queue as the main work surface for urgent account signals.
Avoid:
- Avoid KPI rows, broad marketing headers, and decorative overview charts.
- Avoid making every account card equal when only a few need action.
illustrative
Precision Glyphs
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: Iris Carbon
Accent: #5E6AD2
Ink: #0E0F17
Surface: #E6E7EF
Muted: #64656D
Display font: Geist, sans-serif
Body font: Inter, sans-serif
Tags: cool, sans, dense
Theme description: A cool engineering theme — iris on near-black, dense and precise.
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: Precision Glyphs
Design with precision glyphs, signal ticks, cycle marks, blocked-state icons, and owner pins. Keep every color and font tied to the theme. Use the illustration language to encode state and timing throughout the customer-success workspace, never as decoration alone.
Adopt:
- Attach small precision glyphs to each account state and next action.
- Use signal ticks and cycle marks to show timing, urgency, and ownership.
Avoid:
- Avoid generic icon sets that do not encode workflow state.
- Avoid decorative glyph density that makes the interface harder to scan.