Sentry — Feature
Bold left headline 'Developer first. Always.' (second line pink) over a 2x2 grid of rounded dark cards: npm install snippet ('Monitor in five lines'), Root Cause panel, a chat/help card, and a Stay-in-the-flow card with avatars and MCP-server reference.
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/sentry-developer-first-always-four-card-grid-with-code-snippets.
Measured spec
| Scheme | dark |
| Background | #2E1559 |
| Text | #887393 |
| Contrast | 3.6 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.516 |
| Measured size | 1600×941 px |
Palette
#2b1a47#f06ec0#a78bfa#ffffff
Fonts
Dammit SansRubik
Page types
Detail
UX patterns
Dark Mode
UI elements
CardCode BlockAvatar
Context
- Parent page: Dark cosmic dev-tool landing with 3D astronaut hero and connected debugging panels
- All of Sentry
Other sections on this page
- Hero — 3D astronaut hero with pink-accent headline and floating product panels
- Logo Wall — Customer logo strip below spotlight motif
- Feature — 'Everything's connected' trace narrative with product screenshot
- Feature — 'Debugging needs context — with or without AI' (Seer)
- Testimonial / Social Proof — 'Loved by developers worldwide' three quote columns
- CTA / Sign-up — 'Get started in minutes' with command snippet and character art
- Feature — 'Built to be secure' compliance badge row
- CTA / Sign-up — Newsletter signup form card
- CTA / Sign-up — Retro-CRT 'Fix It' final CTA with character
- Footer — Multi-column dark footer with legal and social