Palette Supply

Palette Supply presents a soft, matte aesthetic with a dominant off-white canvas, accented by a diverse and playful array of muted and vivid brand colors. Typography is crisp and precise, with a custom monospaced font adding a distinctive product feel. Surfaces are light and clean, with minimal shadows, allowing the varied color palette to define visual interest and hierarchy. Components are rounded, prioritizing a friendly, approachable user experience. Prioritize Canvas (#f2f0e9) as the default background, using Paper White (#ffffff) for card and elevated surfaces to create a subtle depth. Apply a 100px border radius to all buttons and input fields for a consistent, soft, and approachable aesthetic. Use primary text in Graphite (#141212) or Ink Black (#000000) for maximal contrast against light backgrounds. Reserve Indigo Punch (#3051a8) exclusively for primary call-to-action buttons, active states, and critical interactive icons. Utilize PPSupply custom font for all body text, headings, and interactive elements, leveraging its specific weights and letter spacing for brand consistency. Employ the esbuild font for all display-level headings (64px) with its tight -0.03em letter spacing to establish strong visual presence. Maintain a comfortable density with an 8px element gap and 72px vertical section spacing. Avoid using multiple vivid accent colors juxtaposed unless they are part of a curated palette block. Do not use sharp corners or radii smaller than 5px for interactive elements; the brand favors soft, rounded shapes. Never replace the custom PPSupply fonts with system defaults for any primary UI text. Do not introduce strong drop shadows; the design relies on subtle elevation changes through color and border. Avoid arbitrary color choices for buttons; stick to the defined ghost, primary, and decorative color variants. Do not use default link blue; all links should use Graphite (#141212) or Paper White (#ffffff) text unless specifically an Indigo Punch accent.