Gitpod — Feature
Ona is an AI code assistant for software engineering teams. The screen showcases key customer capabilities: fixing bugs from Linear, verifying merged changes, summarizing CI failures, triaging Sentry errors, patching vulnerable dependencies, drafting release notes, picking up backlog work, and migrating deprecated APIs. The design uses a split layout with an atmospheric background image on the left (developer at desk with code editor) and a clean white card on the right listing eight use cases with icons, each on its own row, plus a footer link to explore all templates.
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/gitpod-what-customers-achieve-with-ona.
Measured spec
| Scheme | light |
| Background | #F5F3F1 |
| Text | #451B0D |
| Accents | #451B0D, #140805, #522D1C |
| Contrast | 13.4 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.637 |
| Measured size | 1600×979 px |
Palette
Fonts
Page types
UX patterns
UI elements
Context
Other sections on this page
- Hero — Landing Page Hero
- Logo Wall — Shipping-with-Ona logo wall
- Bento Grid — AI engineering workforce bento
- Feature — Agents across your SDLC
- CTA / Sign-up — Summit recordings signup
- Testimonial / Social Proof — Customer testimonial hero
- Stats / Metrics — Outcome stats
- Logo Wall — Enterprise compliance logos
- Feature — Blog highlights
- CTA / Sign-up — Move agents to the cloud CTA
- Footer — Footer