Programa

Programa employs a refined white-canvas aesthetic with crisp, confident typography as its primary visual communicator. A single vibrant yellow accent color is reserved exclusively for key calls to action, creating high contrast and immediate focus against the otherwise monochrome interface. Components are lightweight and unobtrusive, featuring thin borders and soft rounded corners, allowing content and functionality to take precedence without visual noise. Use neueHaasGroteskText-500 for all headings to maintain concise visual impact. Apply Midas Yellow (#fbff2b) strictly for primary call-to-action buttons or critical interactive highlights. Ensure input fields use 6px vertical and 12px horizontal padding, with a 12px border radius. Maintain a default letter-spacing of -0.03em for all text, conveying a tightly set, modern feel. Utilize Canvas White (#ffffff) as the dominant page and card background for an expansive, clean canvas. Reserve Storm Graphite (#1a1a1a) for primary text, ensuring strong contrast against light backgrounds. Implement 10px radius for all buttons and interactive navigation elements for a consistent soft-rounded touch. Do not introduce new saturated colors; adhere to the Midas Yellow for accents and brand identity. Avoid heavy shadows or gradients; rely on minimal borders and background color changes for surface differentiation. Do not use letter-spacing other than the specified -0.03em or normal, to preserve typographic rhythm. Never use Ash Gray (#a3a3a3) for primary action text or backgrounds; it's reserved for muted elements. Do not use font weights other than 400 or 500 for neueHaasGroteskText; these are the only available weights for the system. Avoid arbitrary padding or margin values; stick to multiples of the 6px base unit or specified element/section gaps. Do not use large, decorative imagery; visual content should be contained and functional to support the UI-first approach.