MIVVisual identity manual

One line of light, two planes meeting.

The symbol is a V read as a point of view: two surfaces converging toward the subject, crowned by the optical arc of a lens. Everything else in the identity stays quiet so the images can speak.

02Symbol construction
abc
  1. Two planes, unequal on purposeThe left plane is wider and lighter than the right. The asymmetry reads as a surface turning toward light, which is what the engine records.
  2. A gap, never a joinThe planes stop short of each other at the base. The space between them is the point of view.
  3. The optical arcAn arc of a 262-unit circle sits above the planes like the rim of a lens. In mono versions it takes the tone of the darker plane.
  4. Clear space and minimum sizeKeep a margin equal to the arc's height around every version. Monogram no smaller than 20 px on screen; horizontal logo no smaller than 96 px wide.
03Colour
Graphite#0B0C0EGround. Most surfaces.
Mineral white#F7F8FAHeadlines, light ground.
Steel#8E9399Secondary text, labels.
Silver#D7DBE0Lines, metal highlights.
Ice light#7CB8D9One accent at a time: focus, the arc, live state.

Proportion on screen is roughly 80% graphite, 12% mineral and silver, 6% steel and 2% ice. Ice is a signal, not a fill: if two things on the same screen are ice, one of them is wrong.

04Typography
VΛ
Syncopate 700 · wordmark and chapter numbers onlyOFL
Aa
Inter 300 / 400 / 500 · everything elseOFL
Hero · Inter 300

From video to presence

Heading · Inter 300

Reality, preserved

Lead · Inter 300

Every recorded angle, in your hands.

Body · Inter 400

The engine isolates the object in every frame and works out where each one was taken from.

Label · Inter 500

Live engine output

05Motion

Depth, not decoration

Things move to show distance: layers at different speeds, a camera pushing forward. Nothing bounces, nothing spins for attention.

Slow in, slow out

Standard curve cubic-bezier(.22,.61,.36,1). 160 ms for frame changes, 400 to 700 ms for reveals, scroll for anything cinematic.

Respect stillness

With reduced motion on, scroll scenes become still frames and viewers wait for the hand. The real photograph is always the resting state.

06Do not
Stretch or squash
Rotate
Add glow or effects
Place on ice or busy images
07Applications
Social sharing image
Social sharing image · 1200 × 630
App iconFaviconFavicon 32 px
App icon · faviconSVG

Back to the site