Drepute

Drepute employs a dark, contemplative aesthetic, grounding itself in the deep blues and blacks of a stark night sky or a still lake. Typography is central, using elegant serifs for prominent messages and clear sans-serifs for utility. The interface is highly minimal, with muted controls and a focus on content, relying on white text on dark backgrounds and thin borders for structure. Interactivity is suggested by subtle outlines and a scarcity of vibrant color, making any color highlight feel purposeful and significant. Ground all primary layouts in 'Midnight Lake' (#161616) as the dominant background color to maintain the deep, dark aesthetic. Use 'Snow Drift' (#ffffff) for all main headings and body text on dark backgrounds to ensure strong contrast and legibility. Apply 'Playfair Display' for all primary display text and headings, leveraging its elegant serif character. Structure interactive elements with minimal, crisp borders, such as 1px solid 'Mountain Mist' (#8995a9) for secondary actions or 'Teal Accent' (#00a4a6) for active links. Maintain a tight layout with 'elementGap' of 24px and component radii consistently at 4px. Introduce 'Teal Accent' (#00a4a6) sparingly, strictly for links and interactive outlines where a subtle highlight is desired, avoiding its use as a filled button background. Employ Source Sans Pro for all functional text, like buttons, inputs, and body copy, to provide a modern, legible contrast to the decorative serifs. Avoid using bright or overly saturated colors as primary backgrounds; the system relies on deep, subdued tones. Do not introduce heavy shadows or gradients; rely on clean, flat surfaces and crisp borders for visual definition. Refrain from using multiple distinct accent colors; 'Teal Accent' (#00a4a6) should largely be the sole chromatic highlight. Do not fill primary action buttons with 'Teal Accent' (#00a4a6); reserve it for outlines or text accents. Avoid excessive imagery or complex visual elements in content areas; prioritize clean typography and functional UI. Do not deviate from the established small border radius of 4px; rounded edges should be consistent and subtle.