RESON
中文

00Brand guidelines

BRAND

One idea: resonance. Two frequencies meet and become one: outline and solid, ink and paper, Chinese and English, still and moving.

Download the brand kitPDF version

01Logo

RESON wordmark
Wordmark · Syncopate 700, original glyphs, never re-set
RESON wordmark on ink
Reversed
RESON symbol
Symbol · the Chladni (3,5) nodal lines, the same figure as the hero plate; below 32 px use the small version
  • Clear spaceThe height of the O on every side of the wordmark
  • Minimum sizeWordmark 72 px / 18 mm wide; symbol 16 px
  • ColourInk or paper only
  • Do not stretch, slant or outline the wordmark
  • Do not re-set RESON in another typeface
  • Do not colour the wordmark beyond ink and paper
  • Do not add shadows, gradients or glows
  • Do not place it on busy photography

02Colour

  • Paper#F3F2EEGround in daylightInk on Paper 17.3:1
  • Ink#0D0D0EType and lines in daylight; the stage at nightPaper on Ink 17.3:1
  • Night#141416Ground at nightMoon on Night 12.7:1
  • Night deep#0B0B0CImmersive sections at nightMoon on Night deep 13.6:1
  • Moon#D9D6CFType at night: never pure white
  • Mute58% of the foregroundLabels and secondary text≥ 4.6:1 on both grounds

03Type

RESONATE

Syncopate 700 · Latin display, capitals

同频世界

Noto Sans SC 900 · Chinese display

The kinetic bridge of Asian pop culture.

Manrope 400 / 500 · Body and labels (labels 11 px caps, +0.14 em)

中国与东南亚之间的动能桥梁。

Noto Sans SC 400 / 500 · Chinese body

04Motion

  • Curtain1 s · cubic-bezier(.641,.16,.1,1): falls on leaving; the mark fills with the load
  • Iris flipAn ink circle opens from the centre; sand inside turns light: the black↔white phase flip
  • Outline → solidWhen the plate locks into resonance, titles fill from outline to solid
  • CameraScroll-scrubbed, two-level smoothing (0.075 / 0.14), narrow field of view, long dolly
  • Easing--out .19,1,.22,1 (exits) · --io .76,0,.24,1 (transitions)
  • Reduced motionNo 3D, no smooth scroll, animations rest at their end state

05Voice and names

  • Facts, not adjectivesWorks, plays and results as published; nothing that has not happened
  • One language per pageEnglish pages in English, Chinese pages in Chinese; names excepted
  • ShortOne idea per sentence; labels of three words or fewer
  • NamesRESON MUSIC / 同频音乐; product Sone & Phon / 宋与方; group RESON MUSIC GROUP

06Imagery and email

  • SandChladni figures are the main image: hero, email header and share cards all come from it
  • HalftoneCovers appear as halftone and tune into colour as you come close
  • Line-screen portraitsPortraits share one line screen, faces at the same size and height
  • EmailInk ground, sand header, Syncopate numbers; sender "RESON MUSIC" or "同频音乐 RESON MUSIC" by page language
Email header