Slingshot

Slingshot employs a practical and approachable interface, using a bright white canvas offset by soft, almost achromatic background shades. A single vibrant blue acts as the primary accent, drawing attention to calls to action and interactive elements. Typography is bold and direct for headings, while body text remains clear and functional. Components favor rounded corners and minimal elevation, presenting information without visual clutter. Prioritize Action Blue (#1a5fff) for primary calls to action, active states, and critical interactive elements. Use Gopher with a line height of 1.0 for all primary headings to maintain a dense, impactful visual. Employ Canvas White (#ffffff) as the default background for general page content and prominent cards. Utilize Sky Blue (#ecf2ff) for secondary background surfaces, subtle card backgrounds, or distinct content sections. Apply a 24px border-radius to large cards and content blocks, and 6px for buttons, to create a consistent soft aesthetic. Maintain a default 16px element gap for vertical spacing between most content elements. Use Midnight Ink (#241f37) for all body copy and most important text elements. Avoid using multiple vivid colors; reserve saturation primarily for Action Blue (#1a5fff) and sparingly for Accent Orange (#ff7a1a). Do not introduce sharp corners; consistently apply radii of at least 6px on interactive elements and 12px on cards. Refrain from heavy shadows or gradient backgrounds; surfaces should appear flat or with minimal, subtle tinting. Do not deviate from the specified font families and weight combinations; Gopher for headings, Inter for body/functional text. Avoid line heights greater than 1.6 for body text, or higher than 1.0 for headers, to prevent excessive vertical spacing. Do not use generic gray tones for text that are not Midnight Ink (#241f37) or black (#000000), as Midnight Ink is the established primary dark text color. Do not use highly textured backgrounds; stick to solid color fills, predominantly light neutrals.