White background with a warm-tinted surface (#F5F2EC). That barely-warm off-white grounds the green accent with earthiness. Tan-gold borders (#D0C5AE) add warmth to the structural elements. This isn't a cold, clinical supplement brand. It's a warm, natural one.

Inter at 500 for headings with -1.08px letter-spacing. Medium-bold with moderate tightening. Headlines are punchy without being aggressive. The 1.226 type scale is modest. Headings are bigger than body text but not dramatically so. In a product that speaks through benefits and numbers (protein grams, calorie counts, macro ratios), the hierarchy needs to serve data, not drama.

Body text at 18px base size with 1.4 line height is comfortable and scannable. Product descriptions, ingredient lists, comparison charts. Everything needs to be readable at a glance because the audience is making purchasing decisions. They're comparing products, not enjoying prose.

Substantial shadows with multiple layers. The shadow system creates genuine dimensionality. Cards feel like physical product packaging sitting on a shelf. The 8px surface blur adds a subtle glass quality. Products feel like they're displayed behind premium glass. Fast motion speed keeps interactions snappy. Add to cart, quantity change, variant selection. Everything responds immediately. No lazy animations. The lift hover effect combined with 0.98 active scale creates a tap-and-respond rhythm. Physical. Tactile. Like handling a product off a shelf.