DrawHistory

DrawHistory utilizes a subdued, grounded aesthetic with a primary focus on dark text on light, almost parchment-like backgrounds. The visual system balances strong typographic hierarchy with soft, substantial UI elements. A distinctive palette of desaturated 'earthy' neutrals and a single vivid orange accent punctuates functional elements without overwhelming the calm, editorial feel. Components are notably chunky, with generous padding and rounded corners, creating a sense of weight and importance. Prioritize Eloquia Text for all text content, selecting weights 300 or 400 to achieve a calm, editorial feel. Use Canvas Parchment (#e5e7eb) as the dominant background color for most sections, establishing a foundational light tone. Apply 16px border-radius to card elements and images for a consistent soft, chunky aesthetic. Utilize 40px internal padding for cards or prominent blocks to ensure generous content separation and visual weight. Employ Near Black (#000000) for all primary text and headings against lighter backgrounds for maximum contrast. Introduce Flame Orange (#ff6714) sparingly, primarily for small, functional accents like status indicators or emphasis rather than large blocks of color. Maintain a clear visual hierarchy by varying type sizes from the Eloquia Text profile, using larger sizes with tighter line heights for headings and smaller sizes with greater line heights for body text. Avoid excessive use of highly saturated colors; the palette focuses on desaturated neutrals with a single accent. Do not deviate from the established border radii of 16px for cards and 8px for buttons; this defines the component's substance. Refrain from thin or ghosted interface elements; components should feel substantial with generous padding and clear backgrounds. Do not introduce additional font families beyond Eloquia Text and Roboto Mono, or deviate from their specified weights and sizes. Avoid complex shadow effects; the system relies on backgroundColor changes and generous spacing for visual separation instead of elevation. Do not use small padding values; elements need breathing room, favoring 8px as a minimum for small gaps and 40px for component padding. Do not use full-width text blocks, ensure content is contained within a comfortable reading measure, typically allowing for generous horizontal spacing.