Skip to content
Library

Hardworkclub. A dark room where one round blue light glows above a stage, and the only thing louder than the silence is the film playing.

  • Studio
  • Dark theme
  • 4 colors
  • 2 typefaces

Hardworkclub operates as a black-box performance space: the page is a single dark room where cinematic footage plays full-bleed and the only interruptions are a luminous cobalt menu dot and a thin Maligna serif wordmark. The system is aggressively monochrome — pure black canvas, bone-white type, and one electric blue accent that exists solely on the circular nav control. Layout is left-aligned and editorial rather than centered and corporate; cards breathe inside 48px padding with no shadows and almost no visible borders, letting photography carry the visual weight. Typography splits cleanly between a grotesque workhorse (Founders Grotesk) for body and UI labels and a humanist serif (Maligna) that signals craft, warmth, and 'we are not a template' on the hero, logo, and work-card overlays.

Screenshot of Hardworkclub
Captured from hardworkclub.com on October 11, 2026

Hardworkclub design system

Hardworkclub

Accent1

  • The circular nav toggle button and the only chromatic surface in the UI — a single stage light against an otherwise dark room

Neutrals3

  • Page canvas, hero backgrounds, card fills — the default surface for the entire site; every other element floats on this

  • Near-invisible secondary borders and dividers — just enough to separate layers without breaking the black-box illusion

  • Primary text, hairline borders on dark surfaces, nav wordmark, overlay labels on imagery

Try a pairing

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

Aa

Bone White on Electric Cobalt

9.84 : 1 contrast

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

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