SuperMush

SuperMush employs a vibrant, energetic visual system akin to a modern wellness brand. It layers a crisp white canvas with a bright, electric blue for primary actions and a playful, warm orange for highlighting key information. Typography is direct and confident, favoring sans-serifs with ample letter spacing and line height for readability. Components are lightweight with subtly rounded corners, emphasizing content and a clean user experience. Use Accent Blue (#2f59f8) for all primary calls to action, ensuring a fully rounded 'pill' shape with 50px border-radius and Canvas White (#ffffff) text. Apply Highlight Orange (#ff632a) sparingly for promotional banners, secondary content borders, and decorative accents to draw attention. Structure primary content on Canvas White (#ffffff) backgrounds, using Off White Clay (#f5f4f1) or transparent backgrounds for secondary sections or cards to create subtle visual breaks. Ensure all body text uses Founders Grotesk at appropriate weights, with Midnight Ink (#000000) for primary content and Graphite (#707170) for muted or helper text. Utilize a 16px border-radius for all content cards that require a defined surface, maintaining a light background. Maintain comfortable spacing with a base unit of 4px. Use 8px as the default element gap and 16px for card padding. Highlight sale or special offers with a distinctly bright Active Yellow (#eaff00) background, paired with Midnight Ink (#000000) text and a pill shape. Do not use dark backgrounds for general page sections; the theme is predominantly light and airy. Avoid arbitrary uses of color; Limit saturated colors (Highlight Orange, Accent Blue, Active Yellow) to functional or branding purposes. Do not introduce square corners for buttons or interactive elements; prioritize soft, rounded edges (50px or greater radius). Do not use complex drop shadows or elevation effects; elements should generally appear flat or with minimal, subtle elevation. Avoid using multiple font families beyond Founders Grotesk and GT Planar to maintain brand consistency. Do not decrease letter-spacing below 'normal'; the brand maintains an open and readable typographic feel. Avoid padding less than 10px on interactive elements to ensure adequate tap/click targets.