Carrot

Carrot's design system combines a striking, saturated lime green with high-contrast black and white, creating an energetic and direct visual identity. Typographically, it pairs the classic, weighty serifs of Signifier for headlines with the modern, adaptable sans-serif of DM Sans for body text. Components are sharp and unadorned, reflecting a focus on clear information and straightforward interaction rather than soft or ornamental aesthetics. The overall impression is bold, assertive, and highly functional, leveraging strong color blocking and crisp typography. Always use the 0px border-radius for all interactive elements and containers, maintaining a sharp and angular aesthetic. Pair Signifier (weight 300) for all headings with DM Sans (weights 400, 500) for all body copy and UI elements to maintain clear typographic hierarchy. Apply Lime Zing (#E7EB5D) as the primary background for hero sections or prominent feature blocks, juxtaposing it with Black Ink for text and buttons. Ensure all buttons use Black Ink (#000000) for solid fills with Paper White (#ffffff) text, or Ash Tint (rgba(0,0,0,0.08)) for ghost states with Black Ink text. Maintain high contrast between text and background, specifically using Black Ink on Paper White or Lime Zing backgrounds. Implement consistent internal padding of 8px vertically and 14px horizontally for buttons to provide comfortable click targets. Use 120px vertical spacing to separate major content sections, creating clear hierarchical breaks across the page. Avoid using rounded corners or soft edges for any components or imagery; stick to the strict 0px radius. Do not introduce gradients or shadows into the primary UI elements; surfaces should remain flat and colors solid. Refrain from using thin typefaces for body copy or UI controls; DM Sans weights 400 and 500 are the lightest acceptable weights for body text. Do not deviate from the core palette of Lime Zing, Black Ink, Paper White, and Forest Whisper; avoid introducing new chromatic colors. Do not use generic system fonts; always utilize DM Sans or Signifier as specified. Avoid large blocks of plain white without context, always consider the contrast with Black Ink text or the energetic presence of Lime Zing. Do not use internal padding for card bodies; cards should use 0px padding, allowing content to bleed to the edges.