Visual language, components, and patterns for Verdant & Co.
Core palette used across all products. All swatches use CSS custom properties.
Fraunces (display) paired with Inter (body). Strong size contrast between headings and body.
Premium kraft paper bowl with PLA lining. Microwave-safe, leak-resistant, and fully compostable in commercial facilities.
BPI Certified Compostable • FSC Certified Paper • Carbon Neutral Shipping
All buttons use pill shape (border-radius: 100px) with bounce transition on hover.
Status indicators, certifications, and product labels.
Inputs, toggles, checkboxes, and steppers used across the platform.
Four levels of box-shadow depth for visual hierarchy.
Product card with hover lift and shadow transition:
CSS @keyframes used throughout the site. All are performant and respect prefers-reduced-motion.