Skip to content
Browse
Library

Fallen Grape. Sun-drenched vineyard at golden hour.

  • Commerce
  • Light theme
  • 8 colors
  • 3 typefaces

Fallen Grape uses a sun-drenched, vineyard-at-golden-hour language: warm cream canvases, deep walnut typography, and peach-terracotta accents that feel pressed from ripe grapes rather than screen-painted. The interface stays nearly monochromatic in warm neutrals, letting product photography and a single sage-green accent carry visual variety. Hairline brown borders separate regions instead of shadows or elevation — surfaces are flat and paper-like, evoking a hand-pressed wine label. Typography is a deliberate two-voice system: a humanist serif (Romie) for brand and editorial moments, paired with a condensed utilitarian sans (Arial Narrow) for functional text, creating a tension between craft and clarity that defines the brand.

Visit fallengrape.com
Screenshot of Fallen Grape
Captured from fallengrape.com on October 11, 2026

Fallen Grape design system

Fallen Grape

Accent4

  • Outlined action border, button fill for shop actions — warm neutral peach for CTA buttons and soft fills

  • Filled action buttons, link highlights, secondary call-to-action fill — saturated peach-orange that signals action and energy

  • Top announcement bar, promotional highlights, hover state for terracotta buttons — the warmest orange, used sparingly for urgency and promos

  • Decorative heading accent, botanical illustration tint — the only green in the system, evoking grape leaves and organic origin

Neutrals4

  • Primary text, headings, body copy, link color — deep brown that reads as ink on aged paper rather than digital black

  • Hairline borders (cards, nav, body dividers), secondary text, muted UI lines — the structural outline color that replaces shadows

  • Page canvas, section backgrounds, footer surface — the warm paper tone that grounds all content and sets the sun-faded, natural mood

  • Card surfaces, navigation background — a cooler off-white that lifts cards above the cream canvas without harsh contrast

Try a pairing

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

Aa

Walnut Ink on Peach Sand

6.14 : 1 contrast

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

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