Graf Lantz

Graf Lantz embodies a clean, material-focused aesthetic with a high-contrast monochromatic palette grounded in deep grays and precise typography. Surfaces are predominantly white, providing a crisp canvas for content, while subtle off-white tones introduce minimal depth. A single, vivid violet accent is reserved for primary interactive elements, providing a focused point of action against the otherwise subdued interface. Components are lightweight with strong outlines and sharp corners generally, though some interactive elements feature a playful, overtly rounded form. Use 'Canvas White' (#ffffff) as the default background for all primary page sections and elevated component surfaces. Apply 'Graphite Text' (#474747) for most body text, links, and form field content to ensure consistent readability. Reserve 'Violet Action' (#574cd5) exclusively for primary interactive elements, such as filled call-to-action buttons, to maintain its impact. Form input fields should utilize 'Subtle Gray' (#eeeeee) backgrounds and maintain a 0px border radius for a sharp, neutral appearance. Headlines should primarily use Instrument Sans font with variable weights and sizes (e.g., 32px), with careful attention to line height 1.2 to 1.0. Maintain a default padding of 15px for cards and primary element spacing, with sections separated by 50px of vertical space. Employ a 0px border radius for most container elements and buttons to preserve the sharp, modern aesthetic, except for specific pill-shaped elements that use 50px. Do not introduce new vibrant colors outside of 'Violet Action' (#574cd5) for interactive elements; color should remain predominantly monochromatic. Avoid arbitrary uses of 'Deepest Gray' (#000000) for text; reserve it for structural borders or specific high-contrast icon details. Do not vary border radius extensively; stick to 0px for most elements and 50px for specific pill-like shapes. Refrain from using lightweight fonts for primary headings. Instrument Sans at weights 400 or 500 should be used for clarity. Do not apply shadows or heavy elevation styles; the system relies on flat surfaces and high color contrast for hierarchy. Avoid using multiple font families for body text; NeueHaasUnicaW1G should be the standard for general content. Do not deviate from the established spacing units of 4px increments, particularly for element gaps (15px) and section gaps (50px).