FLORA

FLORA evokes a midnight command center atmosphere, blending stark functionality with subtle creative flair. It uses a predominantly dark theme with surfaces ranging from pure black to dark charcoal, accented by bright white text and subtle gray borders. Typography plays a central role, leveraging custom fonts with precise letter-spacing to create a crisp, almost whispered authority. Interactive elements are sparse, using ghost button styles and a singular vivid green accent for 'New' tags and hints of activation, maintaining a focus on content over heavy UI. Prioritize Absolute Zero (#000000) for page backgrounds and Deep Charcoal (#191919) for card surfaces to maintain the dominant dark theme. Use Off White (#eeeeee) for all primary text, headings, and essential UI elements for readability and high contrast. Apply Geist as the primary typeface for body text and interactive elements, leveraging its custom features for precise control like 'blwf', 'cv03', 'cv04', 'cv09', 'cv11'. Maintain a compact horizontal padding of 14px for buttons and 10px or 12px for interactive elements to create a dense, functional feel. Utilize a 9999px border-radius for all primary buttons and tags to create a distinct pill shape. Reserve Vivid Green (#71d083) exclusively for 'New' tags and subtle, functional accents, avoiding overuse to preserve its impact. Employ a base unit of 4px for all spacing decisions, creating a compact and consistent element distribution. Avoid using bright or overly saturated colors for large surface areas; color should primarily serve as functional highlight or subtle accent. Do not introduce heavy box shadows or strong elevation effects; maintain the predominantly flat, dark aesthetic. Do not vary line-heights significantly for body text; keep type compact and precise. Never use generic sans-serif fonts where Geist is specified; the unique letter-spacing and features of Geist are integral to the brand identity. Avoid wide padding on cards or sections, as the design prioritizes a compact, information-dense layout. Do not use dark text colors on mid-tone gray backgrounds, as contrast will be insufficient for this dark theme. Do not use bold weights indiscriminately; the system mostly relies on lighter or regular weights, with specific heavier weights for structured data or distinct headings.