IBM is the enterprise hybrid cloud and AI company, and its Carbon design system frames the look: IBM Blue 60 (#0f62fe) as the single accent, IBM Plex Sans at weight 300 for display type, Plex Mono for code, --cds-* semantic tokens, and everything snapping to an 8px grid. Made for enterprise software and developer platforms.
ConsumerMinimal
Prompt Template
Base Template
Design a IBM-inspired interface. - IBM Plex Sans at weight 300 (Light) for display — corporate gravitas through typographic restraint; - IBM Plex Mono for code and technical content with consistent 0.16px letter-spacing at small sizes; - Single accent color: IBM Blue 60 (#0f62fe) — every interactive element, every CTA, every link; - Carbon token system (--cds-*) driving all semantic colors, enabling theme-switching at the variable level; - 8px spacing grid with strict adherence — no arbitrary values, everything aligns. Colors: #0f62fe, #ffffff, #161616, #262626 with #0f62fe accent. Typography: IBM Plex Sans.
Variant Prompts
📱 Mobile
Design a mobile app with IBM aesthetics. Use IBM color identity with #0f62fe accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with IBM style. Use IBM color identity with #0f62fe accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with IBM design language. Use IBM color identity with #0f62fe accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with IBM visual identity. Use IBM color identity with #0f62fe accents. Compelling, conversion-focused.
Usage Examples
IBM App
WebBuild a web app with IBM design language and #0f62fe color system.
IBM Dashboard
DashboardCreate a dashboard using IBM style with data visualization and IBM Plex Sans typography.
✅ Best For
- Consumer
- Enterprise technology websites
- Data-dense consoles
❌ Avoid For
- Consumer entertainment products
- Playful kids interfaces
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.