Kons

Kons presents a minimalist interface, characterized by a stark white background and primarily achromatic text. The design is a study in restraint, relying on subtle gray tones for body copy and reserving vibrant, highly saturated colors exclusively for interactive button states, creating a focused, high-contrast interaction model. This approach elevates functionality, where color guides the user rather than decorating the interface, resulting in a direct, utilitarian aesthetic. Prioritize 'Canvas White' (#ffffff) for all main backgrounds to maintain visual brevity. Use 'Text Gray' (#757575) exclusively for body copy and descriptive text. Apply 9999px border-radius to all interactive buttons for a consistent pill-shaped aesthetic. Reserve 'Accent Green' (#00b849), 'Accent Orange' (#f57200), and 'Action Blue' (#008bf5) for button backgrounds only, to highlight interactive elements. Maintain minimal padding (4-8px) around interactive elements to keep dense information layout. Use Inter at weight 400 for all primary text elements, and restrict letter-spacing adjustments to -0.02em or -0.01em at smaller sizes. Do not use color for decorative purposes; every color must serve a functional role. Avoid shadows or complex gradients; the design relies on flat colors and clean lines for depth. Do not introduce additional font families beyond Inter and Karla. Do not use a border-radius other than 9999px for primary buttons or 4px for links, unless explicitly defined for a specific component. Avoid excessive spacing between elements; maintain a compact information density. Do not use highly saturated colors for text or non-interactive elements.