Design System
Gallery

Sentry

sentry.io ↗

Developer-focused APM brand built on deep near-black violet backgrounds with a single vivid purple accent, confident and direct copy.

Fix It

Build on these tokens

Download the file and seed any AI tool — or install it into a real Next.js project so every generated page shares this palette, type, and shape.

Download sentry.mdthen, in your project:
$ npm i -g @getcoherent/cli
$ coherent import design sentry.md

Colour

#422082
brand · select background
#ffffff
background · body text
#1f1633
background · input text
#000000
text · page text

Typography

Families: Rubik · -apple-system · system-ui · Segoe UI

display88pxw700/105.6px
h160pxw500/66px
h227pxw500/33.75px
h324pxw500/30px
h420pxw400/25px
body16pxw400/32px
small14pxw500/14px

Spacing

4px8px12px16px24px35px64px

Radius

0px
6px
8px
10px
11px
12px
13px
18px

Elevation

rgba(0, 0, 0, 0.15) 0px 2px 10px 0px inset
rgba(0, 0, 0, 0.08) 0px 2px 8px 0px
rgba(0, 0, 0, 0.1) 0px 1px 3px 0px inset
rgba(0, 0, 0, 0.2) 0px 1px 3px 0px

Gradients

linearlinear-gradient(120deg, rgb(250, 127, 170), rgb(255, 150, 145), rgb(255, 178, 135) 50%, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 100%)
linearlinear-gradient(120deg, rgb(200, 56, 82) 0%, rgb(180, 64, 146) 25%, rgb(106, 95, 193) 50%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%)
linearlinear-gradient(rgb(31, 22, 51) 0%, rgb(48, 20, 95) 52.4%, rgb(48, 20, 95) 75%, rgb(48, 20, 95) 100%)
linearlinear-gradient(to right in oklab, rgb(253, 68, 176) 0%, rgb(194, 239, 78) 100%)
linearlinear-gradient(in oklab, rgb(253, 68, 176) 0%, rgb(194, 239, 78) 100%)
radialradial-gradient(50% 50%, rgba(173, 108, 170, 0.15) 0%, rgb(31, 22, 51) 65%)

Borders

2px solid rgba(0, 0, 0, 0)
1px solid #cfcfdb
1px solid #584674

Motion

200mscubic-bezier(0.4, 0, 0.2, 1)color
300mscubic-bezier(0.4, 0, 0.2, 1)all
200mseasebackground-position
200mseaseoutline-width
200mseaseall
200mscubic-bezier(0.4, 0, 0.2, 1)all
200mseasebox-shadow
200mseasebackground
300mseasebackground-color
200msease-in-outleft
300mscubic-bezier(0.4, 0, 0.2, 1)opacity

Glassmorphism

blur(18px) saturate(1.8)

Surfaces

#1f1633
page

Layout

Breakpoints
md · 576pxlg · 991pxxl · 1151px
z-index ladder
012510501000
Extracted from live CSS by Coherent (dark mode). Numeric fields reflect the site at capture time; roles and the summary are inferred. Tokens and prose only — a description, not a copy.
Save sentry.md to your device

Open it on your desktop to run the CLI.