Monarch

Monarch presents a financial platform with a comfortable, professional aesthetic. It pairs a warm, inviting orange as its primary accent with a clean, light canvas, creating an approachable yet authoritative feel. Typography uses a custom serif for headlines, conveying trust, while a modern sans-serif offers crisp product information. Components are subtly elevated with rounded corners and soft shadows for a tactile, user-friendly experience. Use Monarch Flame (#ff692d) exclusively for primary calls to action or key brand highlights. Apply Deep Charcoal (#22201d) for all primary body text and headings to ensure strong readability. Employ Copernicus font weight 350 for all page-level headlines to maintain a refined and established tone. Always use a 9999px border-radius for buttons and navigation items to convey a soft, approachable feel. Distribute content vertically using 'sectionGap' at 64px to provide ample breathing room between major content blocks. Utilize Canvas Oat (#efecea) as the dominant page background color for all main content sections outside of the hero. Ensure input fields and secondary elements use a Slate Border (#dcd9d6) with a 1px solid stroke. Do not use Monarch Flame (#ff692d) for general text or borders; reserve it for functional components. Avoid using multiple serif fonts for headlines; Copernicus is the designated serif heading font. Do not use dark backgrounds for main content areas; maintain a light theme dominant with Canvas Oat and Porcelain White. Never apply harsh or overly dark shadows; stick to the specified soft elevation styles for subtle depth. Do not deviate from the established spacing scale; maintain comfortable density with 'elementGap' at 16px and 'cardPadding' at 24px. Avoid sharp corners on interactive elements and cards; enforce 9999px for buttons and 8px/12px for cards. Do not use the Crimson Ember Gradient for anything other than header banners or specific promotional calls due to its intensity.