Decagon — Steps / How-it-works
A platform for building and managing AI agents with natural-language workflows and AOPs. The screen uses a split-layout with left-side text sections explaining three core features (Build, Optimize, Scale) against a dark background, while the right side showcases interactive UI mockups—including an agent conversation interface, performance metrics cards displaying resolution rates and CSAT scores, and a carousel of analytics dashboards—to illustrate agent capabilities and monitoring tools.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/decagon-build-optimize-scale.
Measured spec
| Scheme | dark |
| Background | #0A0A0A |
| Text | #CDCAE0 |
| Contrast | 12.37 |
| Columns | 2 |
| Alignment | split |
| Whitespace | regular |
| Density | 0.271 |
| Measured size | 1440×1471 px |
Palette
#FFFFFF#0A0A0B#5754FF
Fonts
FK Grotesk NeueCircularxx
Page types
Detail
UX patterns
Dark ModeWizard / StepperStats / KPIs
UI elements
CardChart
Context
Other sections on this page
- Hero — Concierge Hero
- Logo Wall — Customer Logo Grid
- Testimonial / Social Proof — chime Customer Story
- Feature — AOP Difference
- Feature — AI Agent Continuous Improvement
- Feature — Omnichannel customer engagement platform - Voice, Chat, Email
- Stats / Metrics — ROI Metrics
- Gallery / Showcase — Resource Hub
- CTA / Sign-up — AI concierge hero section
- Footer — Footer navigation