
Preview image. Unlock full-res
Warm artisanal luxury
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.









