ElevenReader

This design evokes a sense of airy professionalism, like a digital stage bathed in diffused light presenting focused information. The near-monochromatic palette uses subtle off-whites and grays to create spaciousness, punctuated by sharp black text and interactive elements. The deliberate contrast between full-round pill shapes and sharp 16px corners on cards establishes a nuanced balance between approachable softness and precise functionality. Use Cloud White (#ffffff) as the primary page background to maintain an open and airy aesthetic. Apply Midnight Ink (#000000) for all primary text elements and main CTA backgrounds for maximum contrast. Round all interactive buttons and navigation elements with a 9999px radius for visual softness and approachability. Utilize WaldenburgHF font for headlines (28px, 32px, 48px) at weight 700 to establish a bold yet refined presence. Employ Ash Gray (#e5e5e5) for thin borders and dividers to structure content subtly. Maintain generous vertical spacing between sections, primarily using the 40px sectionGap token. Group related information within cards with a 16px border-radius and minimal or no background (#ffffff or transparent). Avoid strong, saturated colors; stick to the neutral palette and only use subtle chromatic hints for atmosphere. Do not use sharp corners for interactive elements; buttons and navigation should always be fully rounded (9999px). Refrain from heavy shadows; subtle shadows like rgba(16, 24, 40, 0.05) 0px 1px 2px 0px are acceptable only for floating elements. Do not vary from the Inter font family for body text, navigation, and secondary UI elements to maintain consistency. Avoid tight element spacing; ensure a minimum elementGap of 8px to preserve an uncluttered layout. Do not use dark backgrounds for main content sections; the system is designed for a light theme with ample whitespace.