Guide · 05
Motion and sound
Pull, then point
One gesture for the whole studio, on screen and in film.
- What is revealed (a hero title, the mark, a title act’s image) starts at
blur(14px)and 0.6 opacity. - It resolves to sharp over
dur-reveal(480ms, up to 700ms on a hero) withease-reveal, once, on first entry. - During the pull its lāzaward point is absent: the rhombus in the mark, the harakat in نُبَيِّن, the eyebrow marker.
- When the pull ends, the point appears as a hard cut. No fade, no scale.
Everyone reads “something clicked into place”. An Arab reader reads “the dot landed”.
Build it once. One .nb-reveal class animates filter and opacity only, with animation-fill-mode: both, so the page never shifts. On animationend, add .is-clear to the element, which shows its .nb-point parts. Under prefers-reduced-motion: reduce, render the final frame with no animation and no flash.
Never: a loop, a pull scrubbed by scrolling, blur resting as a texture, a mark that assembles, rotates or draws itself, parallax.
| Token | Value | Use |
|---|---|---|
dur-fast |
120ms | Hover, press, focus |
dur-state |
200ms | State changes |
dur-layout |
320ms | Layout changes, the dots toggle |
dur-reveal |
480ms | The pull (700ms on a hero) |
ease-out |
cubic-bezier(0, 0, 0.2, 1) | Arriving |
ease-in |
cubic-bezier(0.4, 0, 1, 1) | Leaving |
ease-reveal |
cubic-bezier(0.2, 0, 0, 1) | The pull |
The studio ident
2.6 seconds, before every NUBAYIN film. Recorded by real people in a real room. It never plays on an artist’s video: there the artist’s own sound leads, and NUBAYIN’s label strip sits silently at the foot of the artist’s end card (K9).
| Time | Picture | Sound |
|---|---|---|
| 0.0 to 1.8s | The mark on kohl, soft, its point absent | Five to seven singers hum one open vowel, starting a few cents apart and meeting in true unison: the “we” of نُبَيِّن |
| 1.1 to 1.8s | The pull, 700ms | The voices converge |
| 1.8s | Sharp | The voices stop together on a clean cut |
| 1.95s | The point lands, a hard cut | One dry sound: a small piece of raw lapis set down on slate, recorded close |
| 2.6s | Cut to the film | Silence |
Audio spec: WAV, 48 kHz, 24-bit; −18 LUFS integrated, −3 dBTP; 100ms of room tone at each end. Deliver the master, a 1.0-second “stone only” short for NUBAYIN’s own social end cards, and a silent picture version. One room, one pair of microphones, no added reverb, no tuning, no stacking of one voice. Credit the singers by name.
Never synthesised, never a cloned or AI voice, never a sample library. Web pages never autoplay it.
The player
No autoplay with sound. Captions on by default where the audience asks for them, a transcript link on every film and track, and visible keyboard focus on every control. Captions use the Subtitles card’s style.