Cake Equity

Cake Equity's visual system evokes a precise, supportive atmosphere with a foundation of stark neutrals and a vibrant, warm purple accent. Clean surfaces and intentional use of border radii define interactive elements and containers. Typography is confident and direct, emphasizing clear information hierarchy, while a bright lime green and soft blue punctuate feature areas. Prioritize Midnight Ink (#18161a) for all primary text and main headings on light backgrounds. Use Plum Royal (#4823ff) exclusively for primary interactive elements, ensuring high contrast with Polar White (#ffffff) text. Employ Polar White (#ffffff) as the dominant background color for most sections, cards, and interactive elements for a crisp, legible foundation. Apply 20px border-radius to all major containers like cards and image masks, softening their visual presence. Ensure buttons maintain a 100px border-radius for a distinct pill-like shape, signalling interactiveness. Utilize Plus Jakarta Sans 700 with aggressive letter-spacing for large, impactful headlines to create a condensed, authoritative statement. Incorporate Lime Spritz (#e7ff6e) sparingly for intentional highlights or call-to-action cards, preventing overuse that could diminish its impact. Avoid using multiple chromatic colors for primary actions; Plum Royal (#4823ff) is the singular choice for this purpose. Do not introduce complex shadow patterns; maintain a flat or nearly flat aesthetic, with elevation hinted through color changes or subtle outlines. Refrain from widely varying border-radius values. Stick to the defined system (20px for cards, 100px for buttons) for visual consistency. Do not use dark backgrounds for large content blocks outside of specifically designed hero sections or dark UI panels, as the system relies on a light canvas. Avoid decorative images with overly complex compositions or busy backgrounds; prioritize product screenshots or clean illustrations. Do not use letter-spacing on small body text, reserving it for larger headings to maintain readability. Resist using a strong border on filled buttons; rely on background color for visual distinction of primary actions.