Datadog Cheatsheets
saas · product-shot
7
craft
The design relies on a sharp horizontal division between a high-chroma brand color and a neutral light grey workspace, with product artifacts providing the visual detail.
Palette
#f2f2f3
background · 36.3%
#721bf4
accent · 27.3%
#9043f9
secondary · 11.3%
#dbdbdb
neutral · 9.3%
#c5a5f8
secondary · 3.5%
#ac77f9
secondary · 2.5%
Composition
headline plus visual
Layout
stacked bands
Color structure
neutral plus accent
Background
solid
Typography
sans · sans only
Imagery
ui screenshot · realistic
Temperature
cool
Accent lands on
top panel background, header graphics, ui elements
Mood
authoritativestructuredtechnicaleducational
What makes it work
- saturated upper band containing high-contrast typography
- layered card-stack visual bridging the color-split
- left-aligned geometric sans-serif headers
