Siena

Siena's visual system evokes a raw, cinematic grit, operating in a deep dark mode with sparse, high-contrast typography. The design relies on angular forms and a stark white accent color that punctuates the darkness. Components are minimal, often borderless, and prioritize functionality over decorative embellishment. The overall experience is one of understated intensity, allowing textual content and motion to drive narrative. Prioritize Midnight Screen (#000000) for all main backgrounds and primary content containers for a true dark mode experience. Use Ghost Ivory (#faf7ef) exclusively for all readable text, interactive element borders, and essential icons to maintain high contrast and visual focus. Apply NB International at 400 weight with 0.08em letter spacing for general body text and functional UI copy. Employ Neue Brucke at 400 weight with 0.15em letter spacing for small label text, ensuring legibility and a distinctive style in compact spaces. Maintain a compact element layout using 1px gaps between tightly related elements and 6px padding for internal component spacing. Keep all interactive elements, like buttons, with 0px border-radius, emphasizing sharp, angular lines. Reserve the 14px border-radius specifically for content cards, distinguishing them from interactive controls. Avoid using saturated or chromatic colors for backgrounds or primary textual content; color should be reserved for subtle accents or functional indicators only. Do not introduce unnecessary shadows; the design relies on flat surfaces and high contrast for hierarchy, not elevation. Refrain from using rounded corners on interactive elements; they should remain sharp and angular. Do not deviate from NB International and Neue Brucke for typography; these fonts define the brand's voice. Avoid large, airy padding or gaps between elements and sections; the design embraces a compact, dense arrangement. Do not use gradients; the visual system is anchored in flat, high-contrast color blocks.