Skip to content
Library

AVNIER. Nocturnal film set.

  • Commerce
  • Light theme
  • 4 colors
  • 5 typefaces

AVNIER treats the storefront like a production call sheet: an almost binary black-and-white system, technical monospace utility text, and oversized custom-display category labels. Photography is deliberately dark, grainy, and equipment-focused, while purple product color remains inside imagery rather than escaping into the interface palette. Full-bleed black product and footer zones alternate with large, empty white editorial fields; every control stays square, outlined, and mechanically precise.

Screenshot of AVNIER
Captured from avnier.com on October 11, 2026

AVNIER design system

AVNIER

Neutrals4

  • Dark hero and footer surfaces, primary reading text on white, hairline rules, outlined controls, and the sole filled conversion button

  • Subtle SVG and icon strokes within black visual compositions

  • Restrained input focus shadow

  • Page canvas, reversed text over black imagery, footer rules, outlined dark-surface fields, and utility-strip background

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

White on Black

21.00 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.