Airbnb

Airbnb.org utilizes a stark, high-contrast visual system with strong typographic emphasis. It pairs a near-achromatic palette of warm blacks and cool grays with ample negative space to spotlight content. Headings are bold and expansive, while body text remains precise and legible. Components are minimally styled, relying on shape and hierarchy rather than elaborate ornamentation, creating an atmosphere of directness and clarity. Prioritize high contrast using Carbon Black (#222222) for dominant text and interactive elements against Canvas White (#ffffff) backgrounds. Utilize Faint Gray (#f7f7f7) for subtle background shifts to imply section breaks without harsh dividers. Apply 8px border-radius to all primary buttons and 12px to content cards to ensure consistent contemporary shaping. Maintain generous vertical spacing between content sections (48-64px) to create an open and comfortable reading experience. Use Airbnb Cereal VF weight 700 for page headings and key calls-to-action to establish clear hierarchy and strong messaging. Keep components visually lightweight, relying on color and spacing for differentiation rather than heavy borders or shadows. Tighten letter spacing for larger type sizes (e.g., -0.03em at 72px) to optimize visual density and impact. Avoid using multiple chromatic colors; limit the palette primarily to neutrals, reserving color for semantic accents not present on this page. Do not introduce decorative gradients or complex shadows; maintain the flat, high-contrast aesthetic. Do not vary border-radius arbitrarily; stick to the established 12px for cards, 8px for buttons, and 4px for specific links. Do not clutter layouts with extraneous elements; embrace negative space to spotlight core content and messages. Avoid using light text on light backgrounds; always ensure a AAA contrast ratio for readability, especially for body text. Do not deviate from the Airbnb Cereal VF typeface; ensure all text adheres to its defined weights and line heights. Do not introduce complex UI animations; favor direct transitions and subtle hovers that align with the site's straightforward nature.