Skip to content
humantaste

Noir Motionv1.2

A product film you scroll. A near-black studio with one soft spotlight and a single hero object (a car, a watch, a machine) that turns angle by angle as the visitor scrolls, like a launch keynote. Almost no color: graphite, smoke, and white type, plus one hot red accent that picks up a detail of the product. Nothing moves until it has to, and the motion carries the layout.

1 template

Tokens

  • void#111112

    page and stage background

  • spot#26262A

    center of the spotlight radial (radial-gradient(ellipse 55% 60% at 50% 45%, spot, void 72%))

  • ink#EDEDEA

    headings, captions, nav (16:1)

  • ink-muted#9A9A9A

    body copy, small caps paragraphs, labels (≥ 5.3:1 on void and spot)

  • signal#FF3B30

    the one accent: active nav dot, scroll progress, hover underline, a single word or number (5.3:1 on void)

References

The moodboard the style was derived from.

Noir Motion references

Templates in this style