Jetbrains
jetbrains.comThe reference for a deep-space blue hero: a near-black ground lit by a single radial cobalt glow (rgba(0,71,253,0.8)) behind a 72px+ white JetBrains Sans headline, with a real product screenshot floated centre-stage and hot pink (#f31199) reserved for the logo alone.
Developer Tool flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
tone2
- display
- JetSites Cookie Banner JetBrains Mono
- body
- JetSites Cookie Banner JetBrains Mono
- mono
- JetSites Cookie Banner JetBrains Mono
Do / Don't
Reference it for
- Black-to-cobalt hero: pure black ground with a radial glow radial-gradient(at 54% 23%, rgba(0,71,253,0.8) 0-15%, transparent 75%) blooming up behind centred content
- Oversized centred headline at 72-79px, JetBrains Sans weight 600, tight tracking, pure white, set on two lines
- Quiet sub-headline in a lighter weight (300-400) directly under the H1, no eyebrow label above it
- Hero product proof: a real IDE/app screenshot in a 16-24px-radius frame placed centre-stage as the visual payload, not a stock image
- Twin pill CTAs side by side: a solid white pill (dark text) as primary next to an outlined ghost pill, both fully rounded (20-26px radius)
- Tiny support line beneath the CTA row ('Licenses for your organization') to qualify the secondary action
- Slim dark top bar with wordmark left, text nav centre-right (Products, Education, Solutions, Support, Store), utility icons far right
- No box-shadows anywhere: depth comes only from the background glow and translucent colour fills, never cast shadows
Do not copy
- The JetBrains square logo mark and the JETBRAINS wordmark
- The exact magenta-to-orange logo gradient and the #f31199 neon pink as a brand signature
- The IntelliJ IDEA window chrome, AI Chat panel and agent dropdown shown in the screenshot
- Product names and the chromatic per-IDE icon ecosystem (each tool's multicolour badge)
- The 'Purpose-Built IDEs for Every Language and Stack' headline copy
- JetBrains Sans as the literal display face (license-gated brand type)