Back to gallery
shadcn CSS ↓
Prompt Kit 4 motifs · plaintext · click to copy
native
Launch Pad
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: Neon Obsidian
Accent: #FF0080
Ink: #FAFAFA
Surface: #000000
Muted: #8A8A8A
Display font: Geist, sans-serif
Body font: Inter, sans-serif
Tags: mono, sharp, dark
Theme description: A monochrome developer theme — sharp pink accent on absolute black, fast and confident.
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: Launch Pad
Design with a launch-pad motif. Keep the theme tokens exact, then use deploy queues, signal beams, readiness checks, and sharp launch markers to organize customer-success work. The screen should feel fast, dark, and operational without becoming a generic neon dashboard.

Adopt:
- Use a deploy queue for account attention, next actions, and readiness state.
- Use signal beams and readiness checks to show health movement and owner responsibility.

Avoid:
- Avoid generic dark SaaS dashboards with glowing cards and no specific metaphor.
- Avoid decorative launch imagery that makes the workspace feel like marketing.
metaphor
Command Line
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: Neon Obsidian
Accent: #FF0080
Ink: #FAFAFA
Surface: #000000
Muted: #8A8A8A
Display font: Geist, sans-serif
Body font: Inter, sans-serif
Tags: mono, sharp, dark
Theme description: A monochrome developer theme — sharp pink accent on absolute black, fast and confident.
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: Command Line
Design with a command-line metaphor. Preserve the theme tokens and use command rows, output blocks, status traces, and command chips to shape the customer-success workspace. Make it precise and scannable, not a fake terminal novelty. Every command-like element should reveal account state, owner action, or relationship evidence.

Adopt:
- Use command-like rows for next actions and account owner handoffs.
- Use output blocks and status traces to explain health changes.

Avoid:
- Avoid fake code snippets that do not help account managers act.
- Avoid dense terminal screens that sacrifice readable hierarchy.
composition breaker
No-KPI Terminal
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: Neon Obsidian
Accent: #FF0080
Ink: #FAFAFA
Surface: #000000
Muted: #8A8A8A
Display font: Geist, sans-serif
Body font: Inter, sans-serif
Tags: mono, sharp, dark
Theme description: A monochrome developer theme — sharp pink accent on absolute black, fast and confident.
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-KPI Terminal
Design as an operations queue, not a top-KPI dashboard. Keep theme tokens exact. Use status traces, deploy stacks, owner commands, and queue markers to make account work feel immediate. Avoid chart-first composition and decorative neon framing.

Adopt:
- Use an operations queue as the main surface for urgent account work.
- Use deploy stacks and status traces for relationship health and recent activity.

Avoid:
- Avoid four KPI cards, generic chart panels, and ornamental neon framing.
- Avoid terminal styling that turns every piece of content into monospace noise.
illustrative
Neon Schematics
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: Neon Obsidian
Accent: #FF0080
Ink: #FAFAFA
Surface: #000000
Muted: #8A8A8A
Display font: Geist, sans-serif
Body font: Inter, sans-serif
Tags: mono, sharp, dark
Theme description: A monochrome developer theme — sharp pink accent on absolute black, fast and confident.
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: Neon Schematics
Design with neon schematics, signal nodes, deploy marks, routing lines, and schematic labels. Preserve the theme tokens exactly. Use the motif to make account health, activity, owner handoff, and quiet states feel technical and traceable. Keep effects sparse so the dark interface remains readable.

Adopt:
- Use signal nodes and schematic labels to explain health, activity, and next action.
- Use sharp routing lines for ownership handoff and account movement.

Avoid:
- Avoid filling the screen with neon effects or decorative circuit-board textures.
- Avoid illustration that competes with contrast or readability in dark mode.