Netflix

Netflix, cinematic, dark-mode

Preview image. Unlock full-res

The Infinite Digital Shelf. A cinematic experience where an endless library of content is presented against a pure black, theatrical backdrop.

Industrymedia, saas
Palette
#e50914
#1d153f
#000000
#2d2d2d
#414141
#5a5a5a
#808080
#b3b3b3
#ffffff

The design system feels like the house lights dimming in a theater, creating an immersive, cinematic space. The foundation is a pure black (#000000) void, against which content carousels appear as an infinite, browsable library. The single, iconic 'Netflix Red' (#e50914) is used with extreme restraint, reserved for the brand mark and primary calls-to-action, serving as the sole point of visual urgency. The custom font, Netflix Sans, is the confident and utilitarian voice, scaling from microcopy to massive 56px headlines without flourish. Feature cards add subtle dimensionality not with shadows, but with a deep, cosmic gradient of blue and purple, making them glow softly in the darkness. Use pure black (#000000) for all main page backgrounds to maximize immersion. Reserve Netflix Red (#e50914) exclusively for the brand logo, primary CTAs, and key interactive moments. Employ the Netflix Sans font for all typography, from headlines to microcopy. Utilize content carousels and card grids as the primary method for displaying content. For feature cards, use the 'Feature Card Gradient' to create depth instead of shadows. Maintain minimal corner rounding: 4px for buttons and inputs, 16px for large content cards. Ensure all primary text on dark backgrounds is Chalk White (#ffffff) for maximum contrast. Don't use any saturated accent colors other than Netflix Red. Don't apply traditional box-shadows to any element. Don't use light or gray page backgrounds; the entire experience must be dark. Don't outline buttons; use solid fills for primary and secondary actions. Don't clutter the header with navigation; keep it minimal and focused on signup/signin. Don't use multiple font families; Netflix Sans is the sole typeface. Don't introduce complex shapes; stick to simple rectangles with slight corner rounding.

More like this