Application Performance Monitoring & Error Tracking Software | Sentry

DesignScan preview · https://sentry.io · 2026-06-13

Colors

primary#79628c
on-primary#ffffff
background#1f1633
text#d4d4d4
accent-1#ffffff
accent-2#569cd6
on-accent-2#111111

Typography

display88px · 500 · lh 1.1
The quick brown fox jumps
display-6060px · 500 · lh 1.1
The quick brown fox jumps
headline-md27px · 500 · lh 1.1
The quick brown fox jumps
headline-sm24px · 500 · lh 1.1
The quick brown fox jumps
title20px · 500 · lh 1.1
The quick brown fox jumps
body-lg16px · 400 · lh 1.5
The quick brown fox jumps
body14px · 400 · lh 1.5
The quick brown fox jumps
label12px · 400 · lh 1.5
The quick brown fox jumps

Spacing

xs4px
sm8px
md12px
lg16px
xl20px
2xl24px
3xl32px

Radius

xs4px
sm6px
md10px
lg13px
xl18px

Layout

--breakpoint-sm576px
md641px
--breakpoint-md768px
--breakpoint-lg992px
2xl1024px
--breakpoint-xl1152px
containermax-width 1152px

Elevation

sm
md
lg
xl

Components

button-primary
surface · input · body-text

Body text on the surface color — this is what reading copy looks like.

link
Inline link example →
badge Badge