Skip to content
Library

Basedash. Midnight data terminal with frosted type.

  • SaaS
  • Dark theme
  • 9 colors
  • 3 typefaces

Basedash presents a dark-mode command surface for data work: pure black canvas, near-black elevated cards, and white type that reads like a terminal. The brand voice is calm and technical — Inter does all functional labor at tight tracking, while a custom display serif (Alpha Lyrae) carries hero headlines at exactly 48px, giving the page a quiet editorial accent against the monochrome interface. Two chromatic notes — a vivid violet and a vivid green — appear sparingly as chart and accent fills, never as decoration. Buttons invert the usual dark-mode expectation: filled actions are white pills on black, outlined actions are ghost links, which makes the single primary action glow. Layout is centered and generous, with cards floating on the void at 16px radius and buttons cut to 6px, a split that signals 'card is a container, button is a tool.'

Screenshot of Basedash
Captured from basedash.com on October 11, 2026

Basedash design system

Basedash

Accent1

  • Violet outline accent for tags, dividers, and focused UI edges. Do not promote it to the primary CTA color

Neutrals7

  • Page canvas, hero background, primary action fill — the default stage for every screen

  • Card and elevated surface background — barely lighter than the canvas so cards read as recessed wells, not raised panels

  • Deep borders, subtle separators between heavy content blocks

  • Borders, dividers, icon strokes, disabled text — the workhorse neutral for structural lines

  • Secondary body text, table content, muted helper copy

  • Subtle surface washes and light contrast elements — sparingly used for tonal variation in dark sections

  • Primary text, filled button background, primary action fill — the highest-contrast color in the system, used to make actions unmistakable

semantic1

  • Green state accent for badges, validation surfaces, and short status labels.

Try a pairing

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

Aa

Void Black on Lavender Pulse

6.65 : 1 contrast

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

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