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: Clay Terminal
Accent: #FF5A36
Ink: #161821
Surface: #F8F4EF
Muted: #707073
Display font: Geist, sans-serif
Body font: "IBM Plex Sans", sans-serif
Tags: warm, sans, dense
Theme description: A warm take on a developer-tools theme — orange-red on cream, friendly but technical.
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: Deploy Campfire
Design with a deploy-campfire motif. Preserve the theme tokens, then blend warm operational console language with deploy logs, status embers, and launch markers. The customer-success workspace should feel technical, coordinated, and human. Do not invent extra colors or drift into cold terminal styling.
Adopt:
- Use a warm console center for relationship health and urgent launches.
- Treat recent activity like deploy logs with owner, state, and next-step rhythm.
Avoid:
- Avoid cold terminal-only visuals that lose the warm theme character.
- Avoid generic SaaS cards that do not reference operations or shipping.
metaphor
Workshop Bench
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: Clay Terminal
Accent: #FF5A36
Ink: #161821
Surface: #F8F4EF
Muted: #707073
Display font: Geist, sans-serif
Body font: "IBM Plex Sans", sans-serif
Tags: warm, sans, dense
Theme description: A warm take on a developer-tools theme — orange-red on cream, friendly but technical.
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: Workshop Bench
Design with a workshop-bench metaphor. Keep theme tokens exact. Use calibration tags, inspection notes, readiness gauges, and workbench zones to turn account management into practical build work. The screen should feel technical and warm, not decorative or mechanical.
Adopt:
- Use workbench zones for inspection, active calibration, and ready-to-ship accounts.
- Use calibration tags for risk, expansion, renewal, and support ownership.
Avoid:
- Avoid hardware-store literalism or tool icons everywhere.
- Avoid a flat task list that loses the sense of crafted operational work.
composition breaker
No-Terminal Grid
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: Clay Terminal
Accent: #FF5A36
Ink: #161821
Surface: #F8F4EF
Muted: #707073
Display font: Geist, sans-serif
Body font: "IBM Plex Sans", sans-serif
Tags: warm, sans, dense
Theme description: A warm take on a developer-tools theme — orange-red on cream, friendly but technical.
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: No-Terminal Grid
Design the customer-success workspace around a launch rail, signal console, and readiness board. Preserve the theme tokens. Do not use a top KPI strip, dense terminal grid, or generic dev-tool layout. Make the screen feel like coordinated customer launches, with warm technical motifs carrying hierarchy.
Adopt:
- Use a launch rail for accounts moving from risk to readiness.
- Use a signal console for recent customer activity and owner actions.
Avoid:
- Avoid top KPI rows, dense terminal grids, and black-screen developer cliches.
- Avoid equal-weight cards that do not show launch priority.
illustrative
Build Badges
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: Clay Terminal
Accent: #FF5A36
Ink: #161821
Surface: #F8F4EF
Muted: #707073
Display font: Geist, sans-serif
Body font: "IBM Plex Sans", sans-serif
Tags: warm, sans, dense
Theme description: A warm take on a developer-tools theme — orange-red on cream, friendly but technical.
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: Build Badges
Design with build badges, release flags, status embers, and compact operational glyphs. Keep all theme tokens fixed. The illustration language should help users scan account health, activity, next actions, and quiet states. Make every badge meaningful, not decorative filler.
Adopt:
- Attach build badges to account health, recent activity, and next actions.
- Use release flags and check summaries for renewal and expansion readiness.
Avoid:
- Avoid generic outline icons that could belong to any SaaS dashboard.
- Avoid decorative badges that do not encode real account state.