Seed

Seed's visual system evokes a natural science aesthetic: a dominant muted forest green paired with clean snow white surfaces. Typography is compact and precise, maintaining authority without visual bulk. Rounded 'pill' shapes for interactive elements soften the visual language, contrasting with the scientific rigor suggested by its content. Subtle variations in green and near-white surface colors create depth, while crisp typography and minimal embellishments keep the focus on product clarity and scientific integrity. Prioritize Forest Green (#1c3a13) for primary actions and key brand elements against light backgrounds. Use Snow White (#fcfcf7) for all primary page backgrounds and text on dark UI sections. Employ the 1584px border-radius for all primary buttons and interactive pill-shaped elements. Apply Seed Sans with appropriate letter-spacing: tighter for headlines (e.g., -1.44px at 48px), looser for body text (e.g., -0.05px at 16px). Maintain high contrast (minimum 7:1) for all text against its background to ensure readability. Use the 8px base unit for all spacing between elements, creating a comfortable density. Feature product imagery with a monochromatic or muted color palette to align with the brand's natural aesthetic. Avoid using bright or overly saturated colors unless specifically for a 'Bestseller' badge or similar subtle accent. Do not deviate from the rounded 'pill' shape for primary interactive elements; avoid sharp corners for buttons. Do not introduce strong shadows or heavy elevation, as the design relies on flat or slightly frosted surfaces. Do not use generic system fonts; always use Seed Sans for primary text and Seed Sans Mono for technical details. Do not clutter layouts; maintain generous white space and an element gap of 8px to ensure visual calm. Do not use gradients unless explicitly defined and approved; the system relies on solid colors and subtle transparency. Avoid decorative imagery that clashes with the scientific, nature-inspired product focus.