Legend

Legend employs a stark, almost architectural interface, leveraging precise typography and a highly restrained achromatic color palette. A single vivid violet provides a 'switched-on' accent, pulling focus to key data points or interactive elements without overwhelming the clean surfaces. Components are lightweight and subtly defined, often through borders or slight shifts in gray rather than heavy fills, creating an experience that feels understated yet highly functional. Use Canvas White (#ededed) as the default page background to maintain a bright, expansive canvas. Apply Deep Gray (#131313) for cards or elevated content blocks to create subtle visual layering. Reserve Accent Violet (#8931c4) exclusively for key headlines, interactive states, and essential data points. Utilize knapp font family with its defined weights and line heights for all primary text content. Employ diatypeMono font for coordinates, technical details, or any data requiring a fixed-width presentation. Ensure buttons and interactive elements use either 4px or 8px border radius, as defined by their type (e.g., 4px for action buttons, 8px for nav buttons). Maintain a consistent 20px elementGap to structure content with comfortable breathing room. Do not introduce new saturated colors; the palette is intentionally monochromatic with a single accent. Avoid heavy drop shadows or excessive elevation; the system relies on subtle borders and background shifts for depth. Do not use generic font sizes; always refer to the established type scale (e.g., 56px for display, 16px for body). Never embed branding or illustrative elements that clash with the crisp, technical aesthetic. Do not use letter-spacing values other than the ones defined for knapp and diatypeMono. Avoid arbitrary border radii; adhere strictly to 4px, 8px, 12px, and 32px for specific components. Do not introduce gradients unless they are the Muted Forest Gradient or Charcoal Dawn Gradient, and only in defined background contexts.