Preview image. Unlock full-res
Cinematic Dark Canvas – a deep, rich dark mode experience designed to make content pop like a spotlight on a stage.
The visual system wraps content in a cinematic deep dark mode, prioritizing immersive media consumption. A near-black canvas and layered dark grays (#000000 to #2d2d2d) create a backdrop that highlights vivid content. The primary brand red (#E50914) acts as a high-contrast beacon for interaction. Rounded corners (8px for cards, 4px for buttons) soften the UI, while bespoke typography reinforces a distinct brand identity.
Use 'Crimson Blaze' (#E50914) exclusively for primary calls-to-action to signify a conclusive action.
Layer dark subtle grays from 'Absolute Zero' (#000000) through 'Slate Shadow' (#2d2d2d) for different surface levels to create depth without relying on shadows.
Apply Netflix Sans weight 900 at 100px with a 1.00 line height for prominent hero screen headlines.
Maintain 8px border-radius for all cards and 4px for most interactive buttons to keep a consistent soft-edged feel.
Employ 'Cloud White' (#FFFFFF) for all primary text and iconography against dark backgrounds to ensure high contrast and legibility.
Utilize 12px for elementGap to maintain a comfortable visual rhythm between content blocks.
Do not introduce gradients with colors outside the defined accent palette to maintain brand consistency.
Avoid using multiple colors for text hierarchy; rely on Netflix Sans weights (400, 500, 700) and sizes instead.
Refrain from adding box shadows to elements; depth is created through background color layering.
Do not use border-radius values other than 8px for cards, 4px for buttons, and 2px for links.
Do not use 'Crimson Blaze' (#E50914) for decorative elements or non-actionable text to preserve its impact as a CTA.
Avoid using a pageMaxWidth; content should stretch full-bleed horizontally when possible, with internal padding controlling text width.
