Bongusta

Bongusta embraces a minimalist approach with a subtle touch of warmth through its earthy, almost sepia-toned neutral palette. The system prioritizes clarity and directness with crisp typography, understated components, and an absence of heavy shadows or complex gradients. Visual hierarchy is achieved through careful typographic sizing and a singular, deep plum color that acts as the primary interactive and branding accent, offering a sophisticated contrast to the prevalent soft grays. Surfaces are uncluttered, and elevation is minimal, creating an open and airy feel. Prioritize NeueHaasGrotesk for all body and UI text at 400 weight with 0.0070em letter-spacing. Use Plum Core (#321929) for all primary interactive elements, headings, and branding accents. Ensure buttons adhere to a 9999px border-radius, creating a distinct pill shape. Maintain a transparent background and 0px border-radius for product cards, letting content define their shape. Apply Concrete Gray (#e0dddf) for subtle borders and dividers, maintaining visual lightness. Separate major page sections with a vertical gap of approximately 48px to create breathing room. Use Bongusta (500 weight, 28px) exclusively for main headings to establish visual hierarchy without heavy bolding. Avoid heavy drop shadows or complex gradients; rely on flat design and subtle borders for depth. Do not introduce new vibrant colors outside the defined palette; color should be used minimally and intentionally. Refrain from using bold typography for body text; the system maintains a consistent 400 weight for readability. Do not apply rounded corners to cards or input fields; maintain the crisp 0px radius for these elements. Avoid tight spacing between elements; ensure a minimum elementGap of 4-10px and sectionGap of 48px. Do not alter the letter-spacing of NeueHaasGrotesk; the precise 0.0070em is critical for its aesthetic. Never use generic system fonts when NeueHaasGrotesk or Bongusta are appropriate and available.