Joby Aviation

Joby Aviation's visual system evokes a sense of aspirational flight and advanced technology. The primary design language pairs deep, saturated blues with stark white typography, creating a high-contrast, almost nocturnal-but-optimistic feel. Large, asymmetric rounded forms in backgrounds and card elements suggest fluidity and motion, while the overall spaciousness and minimal use of decorative elements keep the focus on the product's promise. Always use Midnight Ink (#0e1620) for primary text on light backgrounds and Cloud Whisper (#f5f4df) for text on dark/brand backgrounds to maintain high contrast (16.4:1 AAA on Cloud Whisper). Employ JobyDisplay for all headings and JobyText for body copy, adjusting letter-spacing per size: tighter for display text (-0.0300em) and slightly looser for body text (-0.0100em). Utilize Skybound Blue (#007ae5) as the primary background color for immersive sections, conveying the brand's core identity. Apply 16px border-radius to standard cards and 160px 160px 0px 0px for distinctive, flowing card shapes in prominent areas. Maintain a spacious layout with a consistent elementGap of 8px and a sectionGap of approximately 113px for clear content separation. Use Horizon Blue (#083e6f) as the border color for outlined ghost buttons on light backgrounds, ensuring brand-aligned interactivity. Integrate expressive motion with ease timing and 0.4s duration for transitions like transform, visibility, and opacity to enhance perceived responsiveness. Avoid using highly saturated colors for large text blocks; reserve them for accents or backgrounds. Do not use box-shadows on elements not explicitly defined with one; maintain a generally flat aesthetic unless an element needs distinct visual elevation (like the Feature Card's rgba(0, 0, 0, 0.3) 0px 16px 47.6px 0px). Do not deviate from the established font families and their respective weights; consistency is key to brand recognition. Refrain from tight spacing between content blocks or elements; maintain the spacious feel with the established elementGap and sectionGap values. Do not use generic system font Arial unless it's for specific, small utility components where JobyText doesn't fit the specified size range. Avoid arbitrary border radii; stick to the defined 16px, 8px, 160px, or 147.6px values for visual consistency and brand recognition. Never use primary brand colors like Skybound Blue or Cosmic Violet for primary action text or borders. Interactivity for primary actions is conveyed through ghost buttons with specific text/border colors (e.g., Cloud Whisper or Horizon Blue).