Skip to content
Library

dope.security. Midnight terminal with violet beacons.

  • Developer tools
  • Dark theme
  • 9 colors
  • 5 typefaces

dope.security is a midnight terminal aesthetic: near-black canvas, a single vivid violet signal flare, and typography that borrows from luxury travel editorial. The system pairs a geometric sans (Whyte Inktrap) with an italic display serif (GrandSlang) for hero drama and a monospaced inktrap with extreme tracking for the section labels that feel stamped from a boarding pass. Surfaces are flat and borderless; elevation comes from hairline strokes and translucent washes, never shadows. Color is rationed — the violet only appears as a glow, a fill on a single feature, and accent strokes — while the rest of the interface stays in a tight achromatic scale from #f7f9fa down to #090909. The result reads as confident, expensive, and slightly secretive, like a premium lounge at 2am with a single neon sign.

Screenshot of dope.security
Captured from dope.security on October 11, 2026

dope.security design system

dope.security

Brand1

  • The only chromatic voice: feature card glow, primary action fill, and accent strokes — rationed like runway lighting, not decoration

Accent1

  • Soft tint paired with Signal Violet for contrast-safe text and washed background accents

Neutrals7

  • Page canvas, card surfaces, filled button backgrounds — the default void everything else floats in

  • Dark borders and separators for elevated surfaces and inverted UI. Do not promote it to the primary CTA color

  • Card internal text and subtle dividers — readable on the near-black without competing with the primary text

  • Nav border dividers, helper text, low-emphasis body copy

  • Muted secondary text, inactive button surfaces, subdued borders

  • Section label text in the stamped uppercase style — same family as Almost White but slightly dimmer for hierarchy

  • Primary text, icon strokes, nav labels, and 1px borders — the paper-white that does all the talking against the void

Try a pairing

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

Aa

Near Black on Signal Violet

5.13 : 1 contrast

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

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