Back to the work
Ohtaka D-900 Professional

Ohtaka D-900 Professional

A machine that opens up as you scroll.

Platform
Web
Type
Experience
At the studio
Designed and built by Bloomwise Studio.
Site
ohtaka.vercel.app

The site, live

The real site, inside the frame: scroll it to explore. Move off the frame to carry on reading this page.

Ohtaka D-900 Professional

Highlights

  • A sequence, not a video

    238 rendered views, plus 180 more in exploded form, called one by one by the scroll position. Nothing plays and nothing pauses: the machine follows the gesture exactly.

  • Eight chapters

    Front shell, cassette, transport buttons, head and capstan, flywheel and belt, circuit board, motor, rear shell. Titles hand over by a fade, never by a slide.

  • A style measured, not invented

    It comes from an existing reference read pixel by pixel before the first line of CSS: cream canvas, one width-axis grotesque in three voices, a single amber accent.

  • The voice of a catalogue

    Condensed uppercase labels, one-pixel rules, a specification table. The page reads like technical documentation, not like a sales page.

  • An order coupon

    It ends the way those catalogues ended: a form to fill in, an address, a price.

  • No framework

    One HTML file, its CSS and its script. No library, no build step.

Questions

Where does the style come from?
From a charter read off an existing reference, then applied: cream canvas, a width-axis grotesque, one-pixel rules, a single amber accent. The reading is kept alongside the site.
What language is the site in?
English.
Does the site work on a phone?
Yes, the layout adapts. The preview on this page only loads from a desktop screen: a desktop site shrunk onto a phone would no longer read.

Tech stack

  • HTML
  • CSS
  • JavaScript
  • Vercel