Skip to content
Browse
Library

Design Full-Time. Black-box cinema with a single warm spotlight.

  • Brand
  • Dark theme
  • 11 colors
  • 1 typeface

Design Full-Time runs a black-box cinema: pure #000000 canvas, white type, and one concentrated warm gradient (amber → ember → red) reserved for conversion surfaces and savings moments. The page is almost entirely achromatic — video thumbnails, course metadata, and navigation live in monochrome gray scale, letting the single gradient banner function as a stage spotlight. Components are flat and rectangular with hairline borders, minimal rounding, and zero shadows; hierarchy comes from type weight, whitespace, and the rare chromatic punctuation. Inter at 700/800 carries the brand's confident, instructor-led voice while body text stays at 400/600 in muted grays.

Visit designfulltime.com
Screenshot of Design Full-Time
Captured from designfulltime.com on October 11, 2026

Design Full-Time design system

Design Full-Time

Accent3

  • Promotional banner start — the cool-yellow origin of the warm spotlight gradient (also gradient)

  • Supporting palette color for small decorative accents when the core palette needs contrast. Do not promote it to the primary CTA color

  • Supporting palette color for small decorative accents when the core palette needs contrast. Do not promote it to the primary CTA color

Neutrals8

  • Page canvas, dominant background — absorbs everything so content and the warm gradient banner can command attention

  • Card backgrounds, elevated panels, filled neutral button surface — one step off the canvas creates depth without gray noise

  • Mid-elevation surfaces, hover states, and subtle card depth — bridges the page black and border tones

  • Hairline dividers, card outlines, table rules — defines structural edges in a flat world

  • Heavier borders on outlined buttons and grouped control frames

  • Secondary body text, metadata, timestamps, supporting copy

  • Body text borders and subtle helper text where full white feels too loud

  • Primary headings, nav text, button text, logo fill — the only color allowed to compete with the gradient banner

Try a pairing

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

Aa

Pure White on Pure Black

21.00 : 1 contrast

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

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