HBO Max

HBO Max presents a cinematic dark mode experience. A deep black canvas provides a dramatic backdrop for content, punctuated by crisp white typography and a vibrant, authoritative blue that guides user actions. Components are minimal, focusing on content with subtle outlines and soft radii. The overall impression is one of sophistication and clarity, optimized for content absorption in a low-light setting. Prioritize Midnight Abyss (#000000) for all main page backgrounds, establishing a deep dark theme. Use Silver Moonlight (#FFFFFF) as the primary text color on dark backgrounds for optimal contrast and readability. Apply Action Blue (#3d6a99) for all primary interactive elements, including button backgrounds and significant active states. Employ Max Sans weight 300 for headlines to create an understated, refined authority, rather than shouting. Maintain an 8px border radius for all buttons and content images to ensure a consistent, softly rounded interaction. Use Max Sans with 0.083em letter-spacing for body text (10px, 12px) to enhance legibility on dark backgrounds. Structure pricing plan cards with a Silver Moonlight (#FFFFFF) background to visually separate them from the dark surroundings, using 4.5px border radius. Avoid using bright, high-saturation colors for large background areas; limit chromatic colors to accents and interactive elements. Do not use generic system fonts; always specify Max Sans with its custom weights and letter-spacing for brand consistency. Never use dark text on dark backgrounds; ensure sufficient contrast with Silver Moonlight (#FFFFFF) on Midnight Abyss (#000000) or Deep Shadow (#050409). Avoid excessive use of outlines or borders on cards; prefer subtle background changes or elevation for visual hierarchy. Do not use letter-spacing: normal on smaller font sizes; apply the specified 0.083em for enhanced readability. Resist adding strong box shadows; the design relies on flat surfaces and minimal elevation for depth. Do not vary border radii arbitrarily; adhere strictly to 8px for buttons/images and 4.5px for cards.