← back to the gallery

JetBrains: dark developer-tools landing with glowing IDE scenes and purple capability grids

Tier
inspiration
Roles
hero, explainer, feature, capability, proof
Feel
dark, premium, saas, depth, cold
Motion
pan, reveal, kinetic
Source
public-site
Site
https://jetbrains.com
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-06
Captures
frames: https://images.refero.design/styles/refero.design/video/18b5c3e7-0d6b-4e3b-b9b8-1a88350b2d3b.mp4
both: https://jetbrains.com

What it does

Blue and teal glow surrounds a Purpose-Built IDEs introduction on black. An IDE window leads into a purple developer-tool grid, adoption evidence and detailed workflow panels. A purple Kotlin scene and green organization cards extend the technical narrative.

Section roster

1. Glowing IDE introduction. 2. Large IDE window. 3. Purple developer-tool grid. 4. Adoption evidence. 5. Detailed IDE workflow panels. 6. Purple Kotlin scene. 7. Green organization cards.

Why it works

Color-coded tool chapters give a broad software catalog a clear structure. Interface windows ground the larger statements in concrete visual examples, while the dark canvas unifies the changing colors.

Source and capture notes

Refero [style page](https://styles.refero.design/style/bc4fb98b-37ec-480a-b7a9-acd197cbebb9) and [recorded video](https://images.refero.design/styles/refero.design/video/18b5c3e7-0d6b-4e3b-b9b8-1a88350b2d3b.mp4); [live site](https://jetbrains.com) checked on 2026-10-06. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The current homepage opens with JetBrains Air and agent workflows. The recorded IDE-focused page ends within the organization material rather than establishing the full footer.