Heart Aerospace

Heart Aerospace

Preview image. Unlock full-res

Overcast Sky, Silent Typography

Industryother
Palette
#716e85
#000000
#ffffff
#001489

Heart Aerospace employs a restrained, high-status design language: a monochrome canvas with minimal accentuation. Typography is the primary conveyor of hierarchy, utilizing subtle weight variations and precise letter-spacing. UI elements are understated, allowing large-scale imagery and bold headlines to dominate. The system relies on precise spacing to create rhythm rather than heavy visual dividers. Prioritize NeueHaasDisplay (weight 600) for all headlines, ensuring tight letter-spacing of -0.02em for impact and precision. Use Cloud Gray (#716e85) as the background for hero sections to establish a muted, expansive canvas. Apply Electric Violet (#001489) sparingly, only as an outline or text color for key interactive elements, not as a solid background. Maintain ample vertical separation between sections, using a default sectionGap of 70px. Use Midnight Ink (#000000) for all primary body text and most structural borders to provide clear contrast. Ensure all interactive elements have a clear :hover state using Electric Violet (#001489) for visual feedback. Keep all corners sharp with 0px radius, reinforcing a precise, engineered aesthetic. Avoid using saturation for decorative purposes; reserve Electric Violet (#001489) strictly for functional interaction. Do not use heavy box-shadows or gradients on UI elements; elevation is not a system-level visual cue. Do not use generic system fonts; always utilize NeueHaasDisplay or NeueHaasText for brand consistency. Do not use multiple colors for text hierarchy; vary only weight and size within the established typographic scale. Avoid excessive visual clutter; imagery and typography should be the primary focus. Do not introduce rounded corners (e.g., card or button radii) — maintain sharp, defined edges. Avoid visual dividers between sections; rely on background color changes or strong typographic breaks aided by sectionGap.

More like this