Skip to content
Browse
Library

Glyphy. Buttercream specimen sheet beneath sunset bands.

  • Design tools
  • Light theme
  • 10 colors
  • 5 typefaces

Glyphy is a warm-cream canvas cut by horizontal sunset bands: yellow, orange, red, burgundy, plum stacked top-to-bottom like a heat map. The interface stays almost entirely achromatic (ink on buttercream) with chromatic color appearing only as full-width category strips. Typography carries the personality: a monumental neo-grotesque display face (Neue Machina) anchors the wordmark at 120px with line-height 0.75, paired with pixel-accurate Japanese eyebrows and a clean system sans for everything else. Components are pill-shaped and minimal — outlined ghost buttons on colored bands, flat dark or cream cards with 14px corners, and dense symbol grids that feel like a typographic specimen book.

Visit glyphy.io
Screenshot of Glyphy
Captured from glyphy.io on October 11, 2026

Glyphy design system

Glyphy

Brand5

  • First sunset band (Font Generator) — warm yellow stripe signaling the start of the category stack

  • Second sunset band (Cool Symbols) — saturated orange that pushes the stack hotter

  • Third sunset band (Name Generator) — true red midway through the gradient

  • Fourth sunset band (Emoticons) — deep crimson cooling the stack

  • Fifth sunset band (PFP Maker) — the darkest plum, the bottom of the heat-map

Neutrals5

  • Primary text, hairlines, card borders, outlined button borders, link strokes — the only structural non-cream color in the neutral stack

  • Near-black surface for dark cards, filled button background, nav strip — slightly softer than pure ink for large fills

  • Secondary card text and tertiary borders — the warm mid-gray for de-emphasized copy

  • Muted hairline borders on cards and lists, warm gray that sits between buttercream and ink without breaking the warmth

  • Page canvas, card surfaces, light text on dark — the warm cream ground that unifies the entire site

Try a pairing

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

Aa

Ink on Amber Pulse

13.03 : 1 contrast

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

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