How Many Plants

How Many Plants utilizes a playful, illustrative aesthetic reminiscent of an artisanal zine or handcrafted journal. The visual system combines a creamy off-white canvas with deep charcoal text and bold, earthy chartreuse accents. Strong, graphic outlines define components and illustrations, imparting a clean yet distinctly analog feel. Typography mixes a custom display serif for headlines with a typewriter-style sans-serif, enhancing the bespoke and approachable mood. The design emphasizes spaciousness, using generous padding and margin to give elements room to breathe. Use Canvas Cream (#f9f5f1) as the primary page background for a warm, inviting base. Apply Inkwell Black (#222222) for all primary text, headings, and essential borders to ensure strong contrast and graphic definition. Accent key interactive elements and illustrative outlines with Sprout Green (#bfb33b), particularly as an offset shadow under buttons. Employ Chromatica for all headings and navigation using its defined sizes for a custom editorial feel, embracing its tight line heights at larger sizes. Use Hellenictypewriter for body text, button labels, and input fields to convey a handcrafted, accessible tone. Maintain a spacious rhythm with 32px vertical section gaps and 16px horizontal element gaps. Utilize 0px border-radius consistently across all components (buttons, inputs, cards) to maintain a crisp, hard-edged aesthetic. Avoid using gradients; the design relies on solid colors and graphic outlines. Do not introduce rounded corners; maintain the consistent 0px border-radius. Refrain from drop shadows or soft elevation effects; prefer bold, offset box-shadows in Sprout Green for a distinct graphic accent. Do not deviate from the two primary fonts; their interplay is crucial to the brand's identity. Avoid tight, cramped layouts; prioritize spaciousness and generous padding in all components. Do not use highly saturated or vivid colors beyond Sprout Green; the palette is intentionally restrained to foster a calming, natural atmosphere. Never use rgba(0,0,0,0) or transparent for background elements unless specifically for a ghost button; visible surfaces should always resolve to Canvas Cream.