Zoox

Zoox employs a sophisticated, muted aesthetic, blending an off-black and white core with subtle, cool-toned neutrals and a singular vibrant teal accent. Typography is dominant, commanding attention with generous sizing and precise control over letter-spacing. Surfaces vary between stark white, dark gray, and a soft, desaturated teal, creating distinct visual sections without harsh transitions. Components are often outlined or ghosted, relying on subtle borders and rounded corners, avoiding heavy fills or deep shadows to maintain a lightweight, intentional feel. Use 'Gt Standard L' weight 400 for all primary headings (28px to 120px) with normal letter spacing to maximize impact. Apply 'Teal Accent' (#64d5b3) exclusively for primary action buttons or significant interactive highlights. Employ generously rounded corners (16px and 36px) on cards, buttons, and images to soften the overall aesthetic. Maintain high contrast between text ('Midnight Ink') and backgrounds ('Cloud Canvas', 'Pale Mint', or 'Slate Green') for optimal legibility. Utilize 'Pale Mint' (#d3e4df) for background sections to create soft visual breaks or subtle elevated surfaces. Implement 'Slate Green' (#34484a) for subtle borders, ghost button outlines, and interactive navigation elements. Ensure letter-spacing is consistently negative for 'Gt Standard S' typography in smaller sizes to maintain its compact appearance. Do not introduce new vibrant colors outside of 'Teal Accent' (#64d5b3); maintain the muted and achromatic base palette. Avoid heavy use of drop shadows; reserve the subtle rgba(0, 0, 0, 0.2) 0px 0px 4px 0px shadow for very specific, subtle elevation. Do not use generic system fonts; stick to the 'Gt Standard S' and 'Gt Standard L' families for brand consistency. Avoid sharp corners on interactive elements or prominent containers; maintain the established rounded aesthetic. Do not use highly saturated backgrounds or overwhelming gradients in full sections; keep backgrounds understated with an occasional conic gradient as a decorative element. Refrain from using varied letter spacing on large display type ('Gt Standard L'); keep it 'normal' for maximum clarity. Do not create dense, busy layouts; prioritize comfortable spacing (40px section gap, 5px element gap) and ample whitespace.