MindMarket

MindMarket utilizes a playful and inviting aesthetic, combining a calm, earthy neutral palette with vibrant, illustrative accents. The design system emphasizes approachable typography, generous spacing, and organic, rounded shapes to convey a friendly yet authoritative presence. Color is used sparingly for functional highlights and to punctuate sections with energetic, brand-aligned hues. Components feel lightweight, with emphasis on soft, large radii and minimal borders. Use Inter for all typography, maintaining a consistent brand voice across all content and UI elements. Prioritize Greige Canvas (#f5f1e4) and Clean White (#ffffff) for backgrounds and surfaces to maintain a light, airy feel. Apply a large border-radius of 63.75px to main content cards and 50px to buttons and badges for a soft, organic aesthetic. Utilize Midnight Graphite (#2c2e2a) for primary text and headings, ensuring high contrast against light backgrounds. Introduce brand colors—Market Green (#8ed462), Vibrant Yellow (#f5e211), Insight Blue (#2ba0ff), and Action Red (#ff705d)—as accents for borders, iconography, and illustrative elements, not as full background fills. Maintain generous padding of 21px for card content and a consistent 21px element gap to ensure comfortable readability and visual breathing room. Employ a subtle negative letter-spacing for larger headlines (e.g., -0.0600em at 144px, -0.0400em at 53px) to prevent them from feeling too open. Avoid using harsh, saturated primary colors for large background areas; reserve them for accents and highlights. Do not use sharp corners or small border radii; maintain the soft, rounded aesthetic with values like 63.75px or 50px. Refrain from dense layouts; utilize the prescribed section (85px) and element (21px) gaps to ensure ample whitespace. Do not introduce new typefaces; rely solely on Inter to keep the typographic system cohesive. Avoid heavy shadows or gradients; the design emphasizes a flat and clean aesthetic, with only subtle borders and color shifts for depth. Do not use small, precise adjustments in spacing; stick to the established 4px grid and defined spacing tokens. Resist using a truly black background; opt for the deep Midnight Graphite (#2c2e2a) for dark elements to maintain softness.