Generate a new design based on this screen using your own content.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
# Design from Reference: Intercom Basic Automations
Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation.
## Reference
- **Product:** Intercom
- **Category:** Empty
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/6acad9bba43009b06fe6be71_6acad93a150755fc570fc721_cms-f7f3423a942ce533888c70d1.webp
Analyze the screenshot first. If inaccessible, request it rather than guessing.
## Content
{{content.instructions}}
{{content.data}}
Preserve essential messaging and factual accuracy. Adapt structure and copy length for visual balance; never invent product claims.
## Visual Design
Use this context to reproduce the reference's visual language: layout, typography, colors, spacing, borders, radii, and distinctive elements. The screenshot takes priority if descriptions conflict.
## Direction
{{preferences.fidelityInstructions}}
## Output
{{output.instructions}}
Deliver a polished, cohesive design with precise alignment, hierarchy, and spacing. Produce the requested visual artifact, not just a description. If unsupported, explain the limitation.
Intercom’s automation interface embraces a sleek, modern minimalism that balances professionalism with a sense of approachability. The design steers clear of clutter, focusing on generous whitespace and subtle, inviting curves that soften the SaaS experience. Clean lines and intuitive spacing keep the interface welcoming yet highly efficient, making complex tasks feel manageable and accessible.
Layout and Structure
The page structure centers users’ needs with a streamlined, app-like layout. There’s no traditional hero section—instead, actionable content takes immediate focus. A persistent sidebar ensures frictionless navigation between settings, while the primary workspace showcases configuration options front and center. Progress indicators and logical grouping of controls promote task flow, minimizing cognitive load for users.
Visual Elements
Thoughtfully crafted icons and functional micro-interactions provide context without overwhelming the user. Subtle animation on toggles and buttons gives the interface a refined sense of interactivity. Visual hierarchy is enhanced through highlighted states and soft accent backgrounds, gently drawing attention to the most relevant actions.
Color Palette and Typography
The palette leans on classic whites and grays, bolstered by vibrant accent colors—primarily Intercom’s signature blues—that bring energy and focus to CTAs and actionable components. Typography is clear and contemporary, using a clean sans-serif for high legibility. Strategic font-weight contrasts establish seamless content hierarchy, guiding the user’s eye naturally.
User Experience Patterns
Progressive disclosure, pinned navigation, and persistent action buttons create an experience that feels reliable and supportive. Tooltips, hover states, and inline guidance make complex workflows approachable. CTA buttons are visually distinct, reducing decision fatigue and encouraging engagement without pressure.
Unique or Notable Design Choices
Intercom’s use of soft, rounded UI elements and playful iconography distinguish the product, injecting warmth into a business-critical tool. The tone is trustworthy yet energetic—instantly communicating innovation and attention to detail without sacrificing usability or clarity. Overall, this design harmonizes form and function, offering inspiration for SaaS teams aiming for both polish and performance.