Podia. Warm papercraft afternoon.
- SaaS
- Light theme
- 11 colors
- 1 typeface
Podia is a warm papercraft afternoon: a light canvas scattered with organic blob shapes in terracotta, lavender, and dusty blue, framing a creator-friendly marketplace interface. The custom StabilGrotesk pulls tight with negative tracking at display sizes, giving headlines a compressed, almost hand-cut quality that reinforces the studio-workshop metaphor. Color is deployed as functional territory: three chromatic product zones (sky blue, terracotta, lavender) signal distinct platform capabilities, while a near-black with violet undertown carries every primary action. Surfaces are matte and flat — no gradients, no glow, no glass — letting the muted chromatic palette do the emotional work. Components are generous and rounded: 24–56px radii, pill buttons, colored cards, and ample 36–80px section breathing room. The system reads as a quiet craftsperson's table, not a corporate dashboard.
Podia design system
Brand1
Primary text, primary CTA fill, nav background, heading copy — near-black with a violet undertone that ties dark elements back to the brand palette
Accent5
Brand accent, feature card fill, decorative blob shape, warm highlight — the most saturated color in the system, used sparingly as energetic punctuation
Brand accent, feature card fill, decorative blob shape, soft highlight wash — dusty pastel violet that softens the palette
Dark accent surface, deep feature card variant, outlined action border — the saturated dark violet that anchors the lavender to something readable
Gray action color for filled buttons, selected navigation states, and focused conversion moments
Soft warm tint, outlined action border, decorative wash — peachy off-white that warms the palette without adding saturation
Neutrals5
Secondary headings, body emphasis, dark surface variation — co-leads with Ink for high-contrast typographic hierarchy
Tertiary text and dark surface variant — warm brown-black that softens the typographic scale below the primary two
Soft dividers, input borders, ghost button borders, secondary surface tint — cool pale blue-gray that whispers separation without weight
Page canvas, section background — the warm off-white that gives the entire interface its sunlit, paper-like quality
Card surfaces, elevated panels, button text on dark fills — pure white reserved for content surfaces that sit above the Fog canvas
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Paper on Ink
20.36 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
