Podia

Podia presents a vibrant digital market stall. Its visual system layers playful, organic shapes over a soft, almost glowing white canvas. Information is presented in distinct, elevated cards with rounded corners that hint at approachability, while typography maintains a friendly confidence. A palette of muted pastels and warm earth tones, punctuated by deep near-black text and accents, creates a welcoming and engaging product-focused environment. Prioritize Ink Black (#06040e) for primary text and interactive outlines to maintain clarity and contrast. Use Crystal Canvas (#ffffff) or Warm Sand (#f5f5f5) as primary page and card backgrounds to establish a light, inviting base. Apply a 16px border radius to all interactive buttons for a consistent, soft touch. Employ the negative letter-spacing from StabilGrotesk for all headings and large text to achieve a modern, condensed appearance. Emphasize features using the distinct accent colors—Sky Blue (#a5c8d8), Sunset Orange (#e39a4d), and Lavender Mist (#cbb0eb)—for card backgrounds or decorative elements. Maintain an element gap of 16px and card padding of 16px to ensure comfortable information density. Utilize Ink Black (#06040e) as the background for primary call-to-action buttons, pairing it with Cloud Gray (#e1edf2) text for high contrast. Avoid arbitrary border radii; stick to 16px for buttons, 8px for links, and 56px for prominent cards. Do not introduce strong, saturated colors unless they are one of the defined accent colors for feature emphasis. Do not use generic system fonts; StabilGrotesk is essential for maintaining the brand's typographic personality. Avoid heavy shadows or gradients; rely on distinct background colors and rounded corners for visual separation and depth. Do not stray from the defined spacing values of 16px for elements and cards, or 40px for section gaps. Do not use highly chromatic colors for primary body text; keep body copy in Ink Black (#06040e) or Deep Ocean (#10242f). Avoid using Light Peach (#f6ddc4) for backgrounds; its primary role is text on dark surfaces or icon accents.