Skip to content
Library

Savor. An oxblood-stamped plate of golden fat, edges sharp, paper warm, nothing rounded.

  • Brand
  • Light theme
  • 6 colors
  • 2 typefaces

Savor uses a warm editorial-ingredient-archive language: cream-paper canvases, full-bleed macro photographs of fats and oils as the dominant visual, and a single deep oxblood accent that replaces shadows with hairline 1px borders. Typography carries a deliberate weight contrast — Roslindale Display Condensed whispers at weight 300 across 120–140px display lines, while Suisse Intl handles body, nav, and UI chrome at 400/700. Components stay thin and outlined rather than filled: a uniform 5px corner radius across buttons, cards, and badges, generous warm-cream negative space, and a palette of essentially three tones — cream, oxblood, and ink. The site reads less like a product page and more like a botanical plate or a science monograph photographed in late-afternoon light.

Screenshot of Home
Captured from savor.it on October 11, 2026

Savor design system

Savor

Brand1

  • Primary action borders, nav borders, card outlines, badge text, and the single chromatic brand color — a deep wine red that reads almost as a darker cousin of the cream rather than a competing hue, functioning as ink-with-a-pulse

Accent1

  • Accent wash for highlights, badge fills, and tonal surface variation — a saturated warm gold used sparingly to suggest the ingredient palette without competing with photography

Neutrals4

  • Primary text, logo mark, and high-contrast accents — appears in nav fills and select UI chrome where absolute blackness is needed

  • Muted text, secondary metadata, and low-emphasis borders — a warm dark gray that softens the otherwise stark black

  • Secondary surface for elevated cards, button fills, and body borders — slightly warmer and denser than vellum, creates a cream-on-cream layering without leaving the neutral family

  • Page canvas, card surfaces, text on dark — the dominant warm-paper background that sets the entire temperature of the interface

Try a pairing

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

Aa

Vellum Cream on Oxblood

16.66 : 1 contrast

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

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