Basedash

Basedash employs a 'dark studio canvas' aesthetic, designed to showcase product functionality with stark clarity against a deep, almost black background. White typography and a single vibrant purple accent provide functional highlights and interactive cues, giving the interface a precise, analytical feel. Components are minimalist, often defined by subtle borders or ghost styles, suggesting a lightweight and highly performant system. The overall impression is one of focused utility, where UI elements serve to illuminate data rather than compete with it. Use Obsidian Canvas (#000000) as the dominant background color for seamless dark mode cohesion. Apply Ghost White (#ffffff) for primary text and calls to action against dark backgrounds to ensure high contrast. Employ Vivid Violet (#9984d8) as a border accent for interactive elements or visual framing, not as a primary fill color for buttons. Utilize Inter font for all functional text: body, buttons, navigation, and smaller headings at its specified letter spacing -0.0300em. Maintain a clear visual hierarchy by limiting Alpha Lyrae to prominent headlines at 48px, with its unique font feature settings "ss01" and "ss02". Define card surfaces with Eclipse Surface (#050607) and a 14px border-radius, reserving elevation for occasional, subtle glows. Apply 6px border-radius for buttons and input fields, and 16px for cards to maintain consistent shape language. Use Alert Green (#3fcb7f) specifically for positive semantic indicators like 'Live' status or success messages. Avoid using bright, saturated colors for large background areas; stick to the neutral palette for canvas and surfaces. Do not introduce strong visual shadows on elements; elevation is primarily achieved through subtle background glows or no shadow at all. Do not use Iowan Old Style for general UI text; reserve it for specific, larger body sections or quotes requiring a refined feel. Refrain from drastically altering letter-spacing for Inter font; maintain -0.0300em for consistent text density. Do not deviate from the established padding values for buttons (8px vertical, 20px horizontal for larger, 8px vertical, 12px horizontal for small) to preserve component weight. Avoid adding new radii values; adhere to 6px, 14px/16px, and 999px for consistency across components. Do not use Vivid Violet (#9984d8) as a background for primary calls to action, as it functions as an accent border or decorative element.