Jant

Jant employs a dark, highly contrasted visual system reminiscent of a digital console. Deep, saturated violets form the primary backgrounds, creating an immersive, almost holographic feel. Type is direct and functional, predominantly white or light gray against the dark canvas, with vivid blue used carefully for interactive elements. Components are lightweight and largely borderless, emphasizing content over Chrome, contributing to a dense, information-rich display. Prioritize Midnight Violet (#01074b) and Twilight Indigo (#010535) as background and primary surface colors, establishing the dark theme. Use Paper White (#ffffff) for all primary text against dark backgrounds to ensure maximum contrast and readability. Apply Action Blue (#1967d2) strictly for primary interactive elements and critical links; avoid decorative use. Ensure all buttons use an 8px border-radius, while other small interactive elements use 4px for a unified UI language. Maintain a compact information density using the 15px elementGap and 20px cardPadding, while structuring sections with 70px vertical spacing. Utilize 'arial' for headlines and main content, and 'Source Sans Pro' or 'system-ui' for smaller, functional text. Emphasize content over component chrome where possible, using minimal borders and transparent backgrounds for cards. Avoid using light backgrounds for entire pages; the system is designed around a dominant dark mode. Do not introduce new vibrant colors outside of the defined accent palette; rely on Action Blue for highlights. Refrain from using heavy shadows or decorative gradients on surfaces; aim for a flat, digital aesthetic. Do not deviate from the specified typography for titles and body text; maintain the Arial, Source Sans Pro, and system-ui hierarchy. Avoid large empty spaces; leverage the compact density by carefully placing content and maintaining appropriate element gaps. Do not use generic system link styles (like #0000ee); apply Soft Black (#000322) or Action Blue (#1967d2) as defined.