Tailwind CSS. Blueprint margins around a midnight editor.

The double-wave logo mark and the live sky demo swatches — the one saturated hue that belongs to the brand itself

Inline IBM Plex Mono utility names in the hero lead (flex, pt-4) — class names glow as clickable vocabulary

Attribute values and highlighted words inside dark code windows — the main syntax colour on Midnight Ink

Tag names and keywords in code panels, the warm counterpart to Sky Token in every editor demo

CSS property names and theme variables in code samples, a third cool syntax note used sparingly

The Plus navigation link inside its dashed sky outline — the only coloured item in the header

Fill of the in-demo Check availability button on the responsive property card, not a site-level action colour

Headlines, navigation, logo wordmark and the dark editor window frames — gray-950 rather than pure black

Filled Get started and Become a sponsor pills, the only solid action fill on the marketing page

Code panes inside editor windows, composited from 10% white over Midnight Ink, with a faint white inset ring

Default code text on Editor Graphite panes and terminal output, a cool off-white rather than pure Paper

Section introductions and feature-card copy at 14px and 16px — gray-600 keeps long text calm under Ink headings

Keyboard hints, search placeholders and secondary demo metadata such as job titles

Line numbers, punctuation and comments in code panes, receding behind the syntax colours

IBM Plex Mono class-name annotations above headlines — 20% black so the blueprint notes whisper

Hairline guide rules, gutter hatching, the version chip fill and the tinted backdrop behind feature cards

Page canvas, header, feature cards and demo cards, plus button labels on black pills