Home

Home

Preview image. Unlock full-res

Warm artisanal luxury

Industryother
Palette
#fff9eb
#f0e7d7
#000000
#370808

Savor's visual system evokes heritage and richness, reminiscent of artisanal food labels or classic culinary brands. It combines a warm, muted palette with striking, sophisticated typography; a bold display serif for headlines paired with a grounded sans-serif for body text. The design maintains a comfortable, open density with generous padding and spacing, featuring subtle rounded corners on interactive elements. The overall aesthetic is one of understated luxury, prioritizing a tactile, analog feel over glossy modernity. Prioritize Roslindale Display Condensed for all major headlines and Suisse Intl for all body text and UI elements to maintain typographic hierarchy. Use Buttermilk Cream (#fff9eb) as the dominant page background color to establish a bright, airy base. Apply Cacao Ink (#370808) for all primary actions, link text, and core interface elements where warmth and emphasis are desired. Maintain a clear visual rhythm with 20px for element gaps and 95px for section spacing. Ensure all interactive elements, like buttons, maintain a 5px border-radius for a soft, approachable feel. Where present, use the Cacao Ink (#370808) on Buttermilk Cream (#fff9eb) color pairing to achieve AAA contrast for readability across text elements. Avoid introducing additional chromatic colors beyond the defined Cacao Ink (#370808) to maintain the muted, sophisticated palette. Do not deviate from the specified font weights for Roslindale Display Condensed (300) or Suisse Intl (400, 700). Do not use generic system shadows; the system intentionally avoids elevation through shadows, relying on color and spacing for hierarchy. Avoid overly dense layouts; embrace comfortable spacing with 20px element gaps and 95px section gaps. Do not use sharp 0px corners on interactive components (buttons, form inputs) where a 5px radius is specified earlier.

More like this