Hartzler Family Dairy

Hartzler Family Dairy uses a farm-fresh, bold, and wholesome visual language. Large, expressive typography grounds the product imagery against a clean white canvas, frequently paired with strong accent colors that pop. Components are minimal, relying on typography and color for definition rather than heavy borders or shadows. The overall impression is one of simple, direct communication of purity and tradition. Prioritize Canvas White (#ffffff) as the dominant background, ensuring high contrast with text. Use Shadow Graphite (#333333) for primary body text and darker neutral outlines. Apply Work Sans 900 weight at large sizes (290px, 333px) for dramatic display headings, using Dairy Teal (#56dddb) or Buttercream Yellow (#f9e9a9) as accent colors against Pasture Green surrounds. Implement pill-shaped buttons with 100px radius for primary interactive elements, using Pasture Green (#035542) for text and borders. Maintain a comfortable density with 20px element gaps and 50px section gaps. Utilize Pasture Green (#035542) as the primary brand accent for links, functional text, and outlined buttons. Ensure all interactive elements have sufficient padding: 12px vertical and 24px horizontal for most buttons. Avoid heavy shadows or gradients on UI elements; the design relies on flat colors and strong typography. Do not introduce new typefaces; strictly adhere to Work Sans for all text. Refrain from highly saturated, unbranded colors for backgrounds or large areas; stick to natural tones and white. Do not deviate from the rounded or pill-shaped radii for buttons; square buttons are not part of the system's interactive language. Avoid busy layouts or excessive UI elements; focus on presenting content clearly and directly. Do not use generic blue for links or buttons; use either Pasture Green (#035542) or Sky Blue (#2b7bb9) as designated action colors. Do not make every heading a display-sized colorful element; reserve the large accent-colored headings for focal sections.