HANDS OFF

Hands Off · the digital experience · design v1

Flip it on.
Forget it.

Three surfaces, one character. The landing page sells the promise. Onboarding is the only minute you meet him. After that, the app is a red ring in your menu bar.

The DNA

Ten rules every screen keeps

  1. Flip it on and forget it.The machine owns every choice it can make. You own only your intent.
  2. Two worlds.Your life is warm and in colour. His world is black ink and one red. The chrome is his; the content is yours.
  3. One red.Red means he's acting: the ring, the cut, the switch. Never decoration.
  4. Wide stance.Display type is extra-wide and heavy. Data is set in mono.
  5. Stillness, then one cut.Nothing moves unless it matters. When it moves, it's fast and final.
  6. He is never drawn.He's present through his signatures: the ring, the parasol, three red balls, the red arc.
  7. Calm, short, certain."It's on." "Done." Numbers over adjectives. Never a lecture.
  8. The animation never lies.No "on" until a real request proves it.
  9. He asks only what only you know.A room number. Never a country.
  10. No masters. Nobody kneels.No dark patterns, no nags, no fake urgency, one price.

Colour

Ink, paper, and one red

Ink#0B0B0A · his world
Paper#F3EFE6 · light theme
Blood#D3182B · dark · acting only
Blood#B3101D · light · acting only
Warm#FBF2E1 · your world

Type

A wide stance

Display · Archivo, width 125, weight 900, caps
Hands off.
Body · Archivo, width 100, weight 400
Every site sees a local, and each sees a different one. Your bank sees home.
Data · IBM Plex Mono, 600
VILNIUS · LT · a home · 23:40:11.4

The mark

One cut, one circle

The brush circleDrawn by the cut, with drops flicked off its tail. Film, landing and ledger. Never a solid disc, never rays.
The ring: 22px and upClosed red: protected. Open grey: off. Red with a gap: holding, for seconds.
The app icon: his parasol from aboveA black disc, faint ribs, the red ring. Seen from behind as he walks away, it's the last frame of the film.

Motion

Stillness, then one cut

The cut400ms, cubic-bezier(.8,0,.2,1). The only big motion in the product, and only after protection is proven.
Working: jugglingThree red balls on a perfect circle: the joker's hands, the samurai's precision. Never a spinner.
The switch260ms slide. The knob carries the ring; it turns red only when he's on.

Voice

Calm, short, certain

He saysIt's on.
NeverYou are now connected to our secure global server network!
He saysHolding. Nothing leaks.
NeverError: connection interrupted. Please try again.
He saysHotel Wi-Fi wants your room number.
NeverCaptive portal detected. Authentication required.
He saysPinned for this site. He'll learn from it.
NeverServer location updated successfully.
He saysNo, and nobody honest can promise that.
Never100% anonymous. Military-grade.

His signatures

Present, never drawn

The ringThe mark and the menu-bar icon.
The parasolThe app icon; his colours; the hidden blade.
Three red ballsThe working state.
The red arcSuccess: the cut.
The wheelNo handlebars: hands off by design.