Preview image. Unlock full-res
Two mobile screens of OBSIDIAN, a film and motion studio site, showing a light hero over a dusk cityscape and a near-black work view with a video player, timecode and a SOUND ON control.
Summary
Two mobile screens for OBSIDIAN, a film or motion production studio site, shown side by side. The defining detail is the playback chrome: a timecode counter, a PAUSE control and a SOUND ON toggle that frame the site as a single cinematic player rather than a scrolling page.
Visual description
Left screen: a light state with a "OBSIDIAN" logotype and WORKS / ABOUT / CONTACT nav over a hazy dusk photograph of a harbor city skyline. A faint client list (Mercedes, Range Rover, Toyota, BMW, Audi, Peugeot, Tesla) sits low over the image with a centered circular play button, a heraldic lion crest bottom-right, and "05:55, Legals, Cookies" along the footer. Right screen: a near-black work view with the same top nav, a small letterboxed video still of a storm or vortex floating mid-screen, an "INFO & CREDITS" button beside a dimmed "LAUNCH CAMPAIGN" label, and a bottom bar reading PAUSE, a scrub line, "00:54", and "SOUND ON" in green. Condensed uppercase sans-serif throughout, generous black space.
Key takeaway
Wrapping a portfolio in literal video-player chrome (timecode, pause, sound toggle, scrub bar) tells visitors the work is motion and reframes navigation as scrubbing through a reel. The light-photo hero into pitch-black case-study state gives a dramatic contrast handoff, and floating the video still small in a sea of black makes the footage feel premium rather than crammed.
Reuse notes
A strong pattern for a film, motion or production studio whose work is video-first and benefits from a cinematic, restrained frame. The player chrome only earns its keep if the site actually plays media. The dark state needs genuinely good footage to carry all that negative space; pair with a condensed uppercase type system to keep the technical feel.
