Skip to content
Library

Heptabase. Sunlit research desk.

  • Productivity
  • Light theme
  • 10 colors
  • 3 typefaces

Heptabase — sunlit research desk. An eggshell canvas holds a centered, type-led landing page where Instrument Sans headlines carry quiet intellectual weight and Inter keeps navigation, labels, and product UI compact. Nearly every marketing surface stays warm-white or soft gray; charcoal pill actions and a restrained electric-blue link color punctuate the page without turning it into a blue-branded interface. Large product demonstrations sit like physical documents over atmospheric landscape footage, while the surrounding page remains sparse, flat, and carefully spaced.

Screenshot of Heptabase
Captured from heptabase.com on October 11, 2026

Heptabase design system

Heptabase

Accent1

  • Editorial text links, tutorial links, active product-interface accents, and small illustrative strokes — the isolated blue makes knowledge references feel connected rather than promotional

Neutrals9

  • Primary text, logo marks, dark filled buttons, and dense product-interface chrome

  • Secondary dark text and iconography

  • Tertiary links, helper copy, and secondary product-interface labels

  • Disabled controls, subdued icons, and low-emphasis metadata

  • Hairline borders, muted outlined badges, and warm separator details

  • Product canvas and document-workspace surfaces

  • Feature-box surfaces and warm inset cards

  • Secondary section fills, muted panels, and subtle card interiors

  • Page backgrounds, navigation background, white cards, and light button surfaces

Try a pairing

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

Aa

#111111 on Research Blue

4.89 : 1 contrast

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

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