OBJEKT SENSE

Tap · Hold · Tap five times

Sound on. Silent switch off.

01 · The scale

Five notes. Nothing clashes.

Every OBJEKT sound lives in D major pentatonic. Play them in any order, as fast as you like. It always sounds like wind chimes, never like beeps.

02 · The sounds

Seven sounds, one family.

Each one has a job. Use the one that matches the moment, and nothing else.

03 · Sonic logo lab

Short enough for a video.

Six takes on the ending, all under two seconds. Swell won and is now the signature; the rest stay here to play with.

04 · The look

Light moves. The mark doesn't.

Liquid
Brand colours flowing slowly, brightest near the content, calm where people read.
Colours
Tap
One thin ring of Placebo light leaves the mark and runs to the screen edges, nudging the liquid as it passes.
Hold
The flow slows almost to a stop and burgundy gathers in toward the mark. No white. Let go and it rushes back with a bigger ring.
Five taps
A small glass bubble with one line of copy floats up, then pops. The easter egg; keep it rare.

05 · Rules

Quiet by default.

Do

  • Play a sound only when someone touches something.
  • Keep it quiet. It should feel like a texture, not a notification.
  • Respect the iPhone silent switch and reduced-motion settings.
  • Keep work tools silent unless someone turns sound on.
  • Use the same ring, the same scale, the same chord everywhere.

Don't

  • Rotate, glow, recolour or animate the mark itself (brandbook p19).
  • Autoplay anything before a touch.
  • Use notes outside the scale, or random pitches.
  • Flood the screen with white. The light is a thin ring, not a wave.
  • Make the liquid chase the cursor. Tried it; it's distracting.

06 · Use it

One file.

Everything on this page comes from objekt-sense.js. Any OBJEKT page gets the same feel by adding it. objekt.uz will use it from day one.

import { createLiquid, createSound, attachMark } from './objekt-sense.js';

const liquid = createLiquid(canvas, markEl);
const sound  = createSound();
attachMark(markEl, { liquid, sound });
liquid.start();

sound.success();     // after a save, a checkout, an add to cart
sound.signature();   // the sonic logo