Brand pack · D · Disc monogram · v1.0

xRevOps — brand pack

Знак: круглый диск, охровый «×» с одной стрелкой вверх-вправо. Один штрих — буква x из названия, второй — стрелка роста выручки. В основе палитра и типографика сайта.

Знак

mark dark
Mark · primarySVG · PNG 512 · PNG 1024
mark light
Mark · lightSVG · PNG 512

Горизонтальный lockup

lockup horizontal
Lockup · light bgSVG · @1× · @2× · @3×
lockup horizontal dark
Lockup · dark bgSVG · @2×

Вертикальный lockup

lockup vertical
Stacked · light bgSVG · PNG @2×
lockup vertical dark
Stacked · dark bgSVG · PNG @2×

OG / соц-карточка 1200×630

OG card
og:imageSVG · PNG 1200×630

В малом размере

16
32
48
64 на тёмном
apple-touch 180

Палитра

Ink#18150f
Cream#f6f1e6
Ochre#d99844
Terra#c2562d
Moss#6b7a3a

Файлы

файлразмергде использовать
mark.svgvectorОсновной знак — иконка приложения, аватарка, в шапке навигации.
mark-light.svgvectorСветлая инверсия — для печати на тёмном фоне или одноцветных подложках.
mark-mono.svgvectorМоно-версия (currentColor) — встраивание в текст, стикеры, штампы.
lockup-h.svg360×80Горизонтальный лого для светлой шапки сайта, писем, инвойсов.
lockup-h-dark.svg360×80Тот же лого для тёмного hero-блока.
lockup-v.svg260×200Вертикальный лок-ап для презентаций, обложек, моб. сплеша.
og.svg / og.png1200×630og:image и twitter:image — для шеринга в соц-сетях.
favicon.ico16/32/48/64Многоразмерный favicon для браузерной вкладки.
apple-touch-icon.png180×180Иконка для iOS «на главный экран».
mark-1024.png1024×1024App-store / большие экраны.

Подключить в HTML

<link rel="icon" type="image/x-icon" href="/brand/favicon.ico"/>
<link rel="apple-touch-icon" sizes="180x180" href="/brand/apple-touch-icon.png"/>
<meta property="og:image" content="https://xrevops.com/brand/og.png"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://xrevops.com/brand/og.png"/>