Sentry — Feature
Headline 'Everything's connected' with inline colored keywords (errors, logs, replays, spans, profiles, metrics). Left column of explanatory copy beside a large product screenshot showing a '500' error trace waterfall with a pink-circled span detail.
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-everything-s-connected-trace-narrative-with-product-screenshot.
Measured spec
| Scheme | dark |
| Background | #1F1633 |
| Text | #AEA3B1 |
| Contrast | 7.1 |
| Columns | 2 |
| Alignment | split |
| Whitespace | regular |
| Density | 0.17 |
| Measured size | 1600×1184 px |
Palette
#1a0f2e#f06ec0#a78bfa#ffffff
Fonts
Dammit SansRubik
Page types
Detail
UX patterns
Dark Mode
UI elements
CardCode Block
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 — 'Developer first. Always.' four-card grid with code snippets
- 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