Busy Bee Honey

Busy Bee Honey's design system evokes a rustic, wholesome, and approachable brand character. It uses warm, earthy tones contrasting with a clean, light background and vibrant accent colors. Typography combines a classic serif for branding and headings with highly legible sans-serif for body text, creating a sense of heritage and trustworthiness. Components are soft and generous, prioritizing comfort over sharp precision, with rounded shapes and ample padding. Use Earth Brown (#3b2722) for primary text and calls to action to maintain brand consistency. Apply 500px or 1000px border-radius to all interactive elements like buttons for a soft, friendly feel. Prioritize TayMakawao for large headlines using its tight letter-spacing for visual impact. Utilize Warm Cream (#f2ebd0) as the dominant background color for content sections. Employ consistent 24px vertical and 40px horizontal padding for main ghost buttons. Use Honeycomb Gold (#ffca50) and Sky Blue (#6aacc2) sparingly as accent colors for distinct elements or to indicate active states. Avoid sharp corners; all functional UI elements should have a significant border radius. Do not use generic system fonts for branding or primary headlines where TayMakawao or TayBirdie are intended. Do not overuse accent colors; most of the UI should remain in the neutral and Earth Brown palette. Avoid complex shadow systems; the design system appears to favor flat surfaces. Do not vary line heights excessively within body text; maintain a comfortable 1.2-1.5 ratio. Do not use transparent backgrounds for text-heavy sections; ensure sufficient contrast with solid background colors.