Homerun

Homerun employs a whimsical, modern aesthetic through a muted, earthy color palette punctuated by vibrant, deep blues and a playful use of soft, chunky card shadows. Typography is clean and confident, creating a comfortable information hierarchy. Components feature generous padding, organic rounded corners, and a light-hearted visual rhythm that prioritizes a friendly user experience over stark efficiency. Prioritize Royal Blue (#4f75fe) for primary actions and active states. Use GT Walsheim 900 for all display and large headlines, applying proportional negative letter-spacing for visual punch. Apply generous padding (40-60px vertical, 48-64px horizontal) to cards to create a spacious feel. Utilize soft, organic border radii: 20px for most cards, up to 40px for larger decorative cards, and 10-12px for buttons. Employ the Bubblegum Pink (#d386de) for soft, vibrant card shadows, moving away from conventional grayscale shadows. Maintain a clear hierarchy: Deep Mocha (#2d2323) for headlines, Charcoal Coffee (#4a3e3e) for body text, and Warm Gray (#736b6b) for muted or secondary information. Leverage Canvas White (#ffffff), Vanilla Cream (#faf9f7), and Paper Beige (#edebe7) for layered background surfaces. Avoid harsh, sharp corners; all component corners should have a radius of at least 10px. Do not use dark, heavy shadows; opt for the light-hearted Bubblegum Pink (#d386de) shadow or no shadow. Do not introduce new saturated hues outside of Royal Blue (#4f75fe) or the accent purples and pinks for UI elements. Do not use highly dense layouts; ensure ample negative space around elements and between sections. Do not use generic system fonts for any text role; always use GT America or GT Walsheim (or their recommended substitutes). Avoid purely black text (#000000) for standard body copy; reserve it for high-contrast headlines or specific bold statements. Do not center-align large blocks of body text; left-align for readability.