Microsoft AI

This design evokes a sense of antique academic rigor meeting soft, optimistic warmth. The primary color palette transitions from deep black to creamy off-white with occasional muted pastel gradients, creating distinct atmospheric shifts. Delicate humanist typography in Bradford LL, characterized by its fine serifs and generous letter-spacing for large headlines, gives an authoritative yet approachable feel. Conversely, more utilitarian Red Hat Mono maintains informational clarity on smaller elements. Strong visual personality arises from the interplay of a classic serif font for display with a modern, technical mono font for UI elements, all grounded by expansive spacing and subtly rounded, organic shapes. Prioritize Bradford LL (Playfair Display) for all headlines and impactful textual displays, using its 450 weight and generous letter-spacing for elegance. Use Red Hat Mono (IBM Plex Mono) exclusively for all functional text: buttons, navigation, inputs, and supplementary information at weights 400-500. Apply rounded corners consistently: 85.8333px for interactive pill-shaped buttons, 50px for form inputs, and 2.5px for small badges for a warm, organic feel. Utilize Greated Parchment (#fef9ed) as the primary light background and Midnight Estate (#000000) for high-contrast hero sections. For text on light backgrounds, always use Warm Clay (#5d524b) to maintain a soft, readable contrast (contrast ratio 7.2:1). Employ the Dusty Rose Gradient (linear-gradient(rgb(251, 211, 190) 50%, rgb(254, 249, 237) 100%)) as a subtle, inviting background element for content sections. Maintain comfortable element spacing with an elementGap of '8-20px' and a base unit of 4px for all padding and margins. Avoid using highly saturated, vibrant colors outside of the specified accent colors, to preserve the system's muted, academic aesthetic. Do not use generic system fonts for body text or headlines; adhere strictly to Bradford LL (Playfair Display) and Red Hat Mono (IBM Plex Mono) for brand consistency. Refrain from sharp, angular corners on UI elements exceeding a 12px radius, as this contradicts the softer, organic shape language. Do not introduce heavy drop shadows or aggressive elevation; the system relies on color and spacing for depth. Avoid tight line heights or negative letter-spacing on body text to ensure readability, especially with the serif font. Do not use Warm Clay (#5d524b) as a background color, it's reserved for text and borders to maintain its visual role as detail. Never combine Bradford LL with Red Hat Mono within the same short phrase or button label; maintain clear separation of their roles.