Skip to content
Browse
Library

NestJS. Crimson furnace behind smoked glass.

  • Developer tools
  • Dark theme
  • 13 colors
  • 2 typefaces

NestJS is a soot-black framework site that treats the browser like a dark stage lit by one crimson furnace. The hero, the stats band and the Devtools showcase sit inside 32px-radius frames washed with Nest Crimson #ea2845 fading through Garnet #780f20 into Soot Canvas #050303, while everything between them stays near-black with hairline 1px seams. Manrope at weight 500 runs huge and untracked, from 48px section headings to 112px and 128px statements, and every paragraph, eyebrow and stat label drops into light 300-weight Geist Mono, so marketing copy reads like terminal output. White 20px-radius buttons are the only bright fills.

Visit nestjs.com
Screenshot of NestJS
Captured from nestjs.com on October 23, 2026

NestJS design system

NestJS

Brand1

  • The cat logo, the hot corner of every glow gradient and the Devtools showcase wash — red is light behind the page, almost never a flat fill

Accent4

  • Crimson-to-garnet-to-soot sweep behind the hero frame, stats band and syntax section — the furnace glow that defines the page

  • Keywords such as import, async and const in the syntax code panel — GitHub-dark syntax colouring

  • String literals in the syntax code panel, the only warm yellow on the page

  • Function and method names in the syntax code panel, a cool counterpoint to the coral keywords

Neutrals8

  • Page background behind every section — a red-tinged black so the crimson glows bleed in without a seam

  • Body of the large bordered code window and dark framed panels that sit one step above the canvas

  • Syntax section field, code-editor body and the footer slab with its grain texture

  • Secondary button fill, progress tracks and the 1px seams of the sponsor logo grid

  • Translucent white 1px outlines on cards, the code window and the testimonial author pill

  • The newsletter Subscribe button fill, sitting inside the translucent e-mail field

  • Muted Geist Mono labels, hero stat captions, inactive tab titles and line icons

  • Headlines, navigation, body copy and the filled primary button — the only bright fill on the page

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Soot Canvas on Nest Crimson

4.79 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.