Skip to content
Library

Guglieri. Monochrome typographic gallery.

  • Design tools
  • Dark theme
  • 7 colors
  • 4 typefaces

Guglieri is a monochrome typographic gallery: pure obsidian canvas, one voice of custom variable display type at its heaviest weight, and zero chromatic noise. The entire system is achromatic — every interface element, border, and label lives on a grayscale between true black and pure white, with the only color in the experience coming from editorial imagery and artwork. Hierarchy is built through weight, size, and negative letter-spacing rather than color, with the custom Raveo Variable font pushing to weight 1000 to create visual mass without warmth. Components are stripped to their skeletons: pill buttons with hairline borders, generous section spacing, and text-driven navigation. The mood is a designer-critic's reading room — confident, editorial, anti-decorative.

Screenshot of Guglieri
Captured from guglieri.com on October 11, 2026

Guglieri design system

Guglieri

Neutrals7

  • Page background, card surfaces, primary canvas — the default stage for all content

  • Subtle hairlines and body borders that are nearly invisible against Obsidian

  • Input fields, secondary surface elevation, subtle dark borders — one shade above Obsidian for depth without contrast

  • Elevated surface layer above the canvas — for overlay cards, tooltips, and floating panels

  • Headline accent borders, secondary text, low-emphasis dividers

  • Body-level borders, inactive dividers, low-contrast separators between sections

  • Primary text, pill button fills, display headlines on dark, thin borders for reverse-contrast components

Try a pairing

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

Aa

Paper White on Obsidian

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.