Coder — Gallery / Showcase
This screen showcases deployment and management tools for developers: coding agents that deploy consistently on self-hosted infrastructure, and self-hosted workspaces for developers and AI coding agents. The layout uses a left-aligned heading with two equal-width cards to the right, each featuring a title with icon, descriptive text, and a full-height screenshot example of the respective feature in use.
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/coder-explore-more-of-coder.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #09090B |
| Contrast | 19.9 |
| Columns | 3 |
| Alignment | split |
| Whitespace | regular |
| Density | 0.343 |
| Measured size | 1600×1037 px |
Palette
#FFFFFF#0A0C0C#A19CC8
Fonts
GeistLayGrotesk
Page types
Detail
UI elements
Card
Context
Other sections on this page
- Hero — Hero + workspace mockups
- Logo Wall — Customer proof cards
- Steps / How-it-works — Deploy flow (dark band)
- Integrations — Infrastructure provisioning integrations showcase
- Feature — Code at speed
- Feature — Audience segment cards
- Testimonial / Social Proof — Case study hero with cost reduction headline
- CTA / Sign-up — Closing CTA
- Footer — Footer