Skip to content
Library

Monologue. Velvet library with a single blue spark.

  • AI
  • Dark theme
  • 12 colors
  • 5 typefaces

Monologue operates as a dark editorial canvas draped in near-black with a single electric teal pulse. The visual identity is anchored by Instrument Serif at dramatic scale — italicized headlines ranging from 28px to 400px create a magazine-cover weight, with the brand wordmark blooming across the full viewport as ghostly gray type. DM Mono handles the technical/UI chrome: labels, tags, and structural annotations that read as system metadata rather than copy. Surfaces are matte and paper-thin against the void; a solitary white download button and the teal-gradient product card provide the only points of physical weight. The mood is late-night workstation meets luxury print — confident, quiet, and typographically opinionated.

Screenshot of Monologue
Captured from monologue.to on October 11, 2026

Monologue design system

Monologue

Brand1

  • Card surface base, gradient shadow stop — anchors the teal product card in darkness

Accent2

  • Accent text, accent borders, the video card surface, the gradient highlight on the product screen — the only chromatic pulse in an otherwise achromatic system

  • Secondary cyan for gradient stops and product screen illumination

Neutrals9

  • Page canvas, primary background — the uninterrupted dark field

  • Alternative near-black surface when the canvas shifts fractionally off-pure-black

  • Elevated surface — cards, panels, overlay containers sitting one step above the void

  • Mid-tier surface and neutral button fills — the interactive control surface

  • Secondary card surface for stacked or grouped containers

  • Deep shadow surface and tertiary elevation

  • Supporting neutral for secondary UI, dividers, and muted labels. Do not promote it to the primary CTA color

  • Subtle highlight wash and faint surface luminosity

  • Primary text, light surface fills, download button, high-contrast elements

Try a pairing

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

Aa

Paper White on Deep Teal

14.34 : 1 contrast

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

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