Всем кто верстал, верстает или будет верстать форму для приёма банковских карт дарю плагин CardInfo.js, с помощью которого можно сверстать вот такую форму:

Плагин по номеру карты определяет один из 49 российских банков (потом и прочие страны добавлю), выдаёт вам логотип банка, цвета для фона, ссылку на сайт банка, определяет тип карты, его логотип и прочее. С этими данными делаете что хотите, верстаете любую форму.

Под катом:

• Пара слов о плагине;
• Про базу банков, и почему их 49, а не 50;
• Про логотипы банков;
• Про логотипы типов;
• Несколько моих вопросов к читателям;

CardInfo.js

Плагин распространяется через NPM npm install card-info и через Bower bower install card-info . Подключается путём вставки JS файла в HTML страницу, или можно подключить его как модуль в стиле CommonJS или ES6. Подключить можно главный файл со всей логикой и всеми данными о банках (69 KB), или отдельно файл с логикой (5 KB) и отдельной базу банков для нужной страны (вообще пока есть только Россия, так что это на будущее), подробнее в документации на гитхабе. Плагин независим, то есть для своей работы не требует никаких дополнительных библиотек. Весь код плагина покрыт тестами. Работает даже в IE6. Можете погонять тесты в браузере.

Создайте экземпляра класса CardInfo, передав в конструктор в качестве аргумента строку введённую пользователем в поле с номером карты var cardInfo = new CardInfo(number) . Экземпляр будет содержать объект с дополнительной информацией о карте:

• Тип карты (Master Card, Visa, и т.д.);
• Путь к логотипу типа (логотипы для каждого типа вместе с плагином, в белом, чёрном и цветном исполнении);
• Название банка на английском и локальном языке банка;
• Путь к логотипу банка (логотипы для каждого банка из базы распространяются вместе с плагином);
• Цвета в которые нужно окрасить форму;
• Цвет текста, который будет хорошо виден на предложенном фоне и будет сочетаться с логотипом;
• Ссылка на сайт банка;
• Название кода безопасности (CVC, CVV, CID или CVN) для данного типа карт;
• Длина кода безопасности для данного типа карты (Обычно 3, но для американ экспресс 4);
• Маска номера карты (Не всегда 0000 0000 0000 0000);

Все данные о банке определяются по первым 6 цифрам номера карты, данные о типе определяются по перым 1–2 цифрам номера карты. При вызове можно передать ещё и настройки, но об этом в полной мере написано в документации на гитхабе. и я не буду повторяться здесь.

Сам плагин никак не привязан к вёрстке и внешний вид формы вы можете сделать каким угодно используя данные полученные с помощью CardInfo.

База банков

Про каждый банк в базе плагина известны следующие данные:

• Путь к логотипу банка;
• Название банка на английском;
• Название банка на языке той страны, в которой работает этот банк;
• Ссылки на сайт банка;
• Цвета, в которые стоит окрасить форму для этого банка;
• Цвет текста, который будет хорошо смотреться на форме и сочетаться с логотипом;
• Стиль логотипа: белый, чёрный или цветной (нужно для выбора подходящего логотипа типа, об этом в следующем разделе);
• Перечень шестизначных префиксов карт «BIN» соответствующих этому банку;

По BIN (префиксу) и определяется к какому банку принадлежит карта пользователя. Всего в базе 2573 префикса. В среднем на один банк приходится 52 префикса.

Обратная связь

• Интересно услышать ваше мнение о плагине и пожелания к дальнейшему развитию
• Если кто-то станет смотреть код, и захочет как-то прокомментировать, буду рад услышать критику
• Я впервые писал тесты, и тут особенно было бы интересно получить обратную связь
• Я собираюсь добавить банки других стран и начать продавать плагин через CodeCanyon или что-то подобное. Вот только я совсем не могу понять, могу ли я вообще продавать его? Меня смущает то, что в плагине используются логотипы банков, которые мне не принадлежат, и логотипы типов, которые преимущественно нарисовал Стюарт и распространяет под лицензией MPL 2.0.

Логотип Тинькофф банка не только узнаваем, но и уникален. В его разработке был использован иной подход, нежели в других банках. Такому неординарному основателю, как Олег Юрьевич Тиньков, было ясно — новаторский проект сразу выделяться на фоне других. Какие особенности имеет логотип, и какой смысл в нем заложен?

Что изображено на логотипе?

Олег Юрьевич Тиньков обожает свой банк.

Логотип – это визуально узнаваемая и значимая часть бренда, то, что позволяет клиенту составить первое впечатление и решить, насколько это для него интересно. Для компании — это один из способов привлечь и расположить к себе клиента. А в дальнейшем, используя определенные шаги, убедить его остаться и продолжать пользоваться услугами.

Считается, что основой для логотипа банка послужил дворянский родовой герб семьи Тиньковых. По словам Олега, он случайно нашел его изображение в энциклопедии Брокгауза и Ефрона.

Действительно, этот род и герб упоминаются в старинных книгах. Там пишут, что изображенный на гербе щит разделен горизонтальной линией на две равные части, на каждой из которых есть свое изображение:

1. В верхней – на голубом фоне из облака появилась облаченная в доспехи рука, которая держит поднятый вверх меч.
2. В нижней – единорог, бегущий в правую сторону по золотому полю.

Помимо щита на гербе можно увидеть другие символы:

• шлем;
• корону;
• единорог-нашлемник;
• намет.

Расположение шлема анфас и такое украшение короны указывают на то, что род, обладающий этим щитом, дворянского происхождения. Единорог-нашлемник использован больше в качестве дополнительного украшения, чем отдельного символа с какой-то смысловой нагрузкой. Голубой с зеленым намет, в виде окружающей щит растительности, придает изображению завершенный вид и визуально «поддерживает» щит.

Если верить глоссарию геральдических символов, то изображения обозначают следующее:

1. Рука с мечом – символ верности воинскому долгу.
2. Единорог – символ устрашения и непобедимости. В христианстве – чистоты и девственности.

Прямого отношения к деятельности банка ничего из этого, конечно, не имеет. Но если немного сместить ракурс и учесть тот момент, что основателем и владельцем банка является один человек – Олег Тиньков, то тогда изображение герба семьи на логотипе банка смотрится вполне уместно.

Логотип банка Тинькофф.

Для создания логотипа герб семьи был немного видоизменен и адаптирован под современные реалии: переиграли цветовую палитру щита и убрали нашлемник-единорога. Но общие черты сохранились. Получилась довольно органичная композиция. Во всяком случае, с ее помощью эмблема банка Тинькофф выигрышно отличается от логотипов конкурентов, а значит с задачей быть узнаваемым брендом, банк справился.

Только маркетинг, ничего личного

Больше всего вопросов и невероятных версий крутится вокруг даты, написанной на ленте под щитом. Обычно там находился девиз семьи. Но тут указан год — 1759. Что же за ним кроется – достоверно не известно, интрига держится до сих пор. Вероятно, это дата связана со значимым событием в семье.

Тем не менее, есть история, в котором правда тесно переплетается с вымыслом. В ней речь идет о маркетинговом ходе, в котором упоминается именно эта дата.

Олег нашел в книге из семейного архива упоминание о том, что его предки занимались пивоварением, а также описание старинного рецепта вкусного пива. Он заинтересовался этой нишей и решил попробовать свои силы в этом бизнесе – открыть пивоваренную компанию. Как известно, этот проект на первых этапах оказался весьма успешным.

Дальше – все больше похоже на легенду или сказку. Служба маркетинга весьма оригинально предоставила информацию из книг. Будто у Олега был родственник Порфирий Тиньков, который варил пиво на своем заводе в Сибири и поставлял этот дивный пенный напиток к императорскому двору с 1759 года. Была сделана поддельная страница, которую и отнесли в Топономическую комиссию Санкт-Петербурга. Там предложили чиновникам рассмотреть предложение о присвоении улице названия в честь рода Тиньковых. Было вынесено положительное решение. Только после него члены комиссии заметили подлог. Но отменять все было поздно. В итоге с 7 июля 2003 года один переулок в городе Пушкин обрел новое название – Тиньков.

Герб Тинькофф.

К Олегу, как и к его деятельности, можно относиться по-разному. Но было бы ошибкой отрицать тот факт, что ему, как лидеру, присущи такие качества:

• новаторство;
• предприимчивость;
• бунтарство;
• свобода от стереотипов.

Он не побоялся быть первопроходцем в той сфере, где, казалось бы, уже все ниши заняты. И предложил новый виток развития для этой сферы – максимальное взаимодействие с клиентом через интернет и почтовые отделения. Это был очень рискованный шаг, но он принес ему успех. Поэтому слоган Тинькофф банка «Дальше действовать будем мы» — строчка, взятая из песни группы «Кино», весьма точно отражает позицию сотрудников банка – действовать, а не останавливаться на достигнутом.

12.04.2017 16:00

Только ли «фантиками» для клиентов служат эмблемы кредитных организаций? Часто ли они несут в себе глубокий смысл? По просьбе Finparty Дмитрий Назаркин попытался в этом разобраться.

Знаки и символы правят миром, утверждал Конфуций. Впрочем, об их влиянии на людей было известно задолго до изречения китайским мудрецом этой сакраментальной фразы. Символические изображения использовали в практике управления массами еще египетские и шумерские жрецы.

Символы не только отсылают нас к ассоциативному ряду, заставляя относиться к ним определенным образом. Они выполняют более важную функцию - наделяют для нас предметы и явления теми или иными характеристиками и даже программируют их будущее.

Логотипы крупнейших брендов рисовались не просто так. Глобальные концерны и банковские конгломераты не открещиваются от того, что их эмблемы имеют сакральный смысл, более того - акцентируют на этом внимание. В России же к программированию успеха через логотип коммерческие банки в большинстве своем пока не пришли.

Чтобы обратить на себя внимание, российские финансовые учреждения выбирают эмблемы, которые, как им кажется, будут приятны и понятны клиентам. Цветом логотипов они привлекают потребителей услуг, в то время как их иностранные конкуренты - деньги и удачу. Мировые банки берут на вооружение практику жрецов и адептов религиозных культов. Ведь кто как не они во все времена преуспевал в получении желаемого посредством изображения сакральных знаков?

Например, большинство эмблем кредитных организаций так или иначе вписано в квадрат. Эта геометрическая фигура и характеризующая ее цифра «4» означают устойчивость. Не случайно в колоде Таро именно четвертая карта старших арканов посвящена постоянству. На ней изображен император на кубическом троне, скрестивший ноги также в виде цифры «4». Формой трона подчеркивается стабильность, ведь куб, как его ни переворачивай, всегда станет на одну из своих граней, сохраняя устойчивое положение. Квадрат в логотипах банков автоматически программирует их на долговечность.

Кто-то из финансовых учреждений пошел дальше, поместив внутрь квадрата сакральные символы. Интересное совпадение: последовательность цветов в логотипе Societe Generale в полной мере отражает основную алхимическую формулу. А именно: из черного неблагородного свинца, находящегося внизу, через белый, олицетворяющий ртуть, к высокому красному цвету, который соответствует золоту.

Эти же три цвета заключены в логотипе HSBC. Любопытно, что его разработали на основе старинного флага этой финансовой группы. Тот выглядел как разделенный по диагонали белый прямоугольник, напоминающий красные песочные часы. А его создателей, в свою очередь, вдохновил шотландский флаг с помещенным на него крестом святого Андрея.

К слову, крест является наиболее известным защитным символом и использовался в древних религиях. Его изображение внутри круга (так называемое солнечное колесо) встречается даже в рисунках эпохи неолита. В эзотерике равноконечная разновидность креста означает равновесие, баланс, деление мира на четыре стороны света. Также она символизирует четыре времена года и столько же первостихий. Именно благодаря тому, что крест олицетворяет порядок, он защищает своего носителя.

Наиболее ярким примером использования стилизованного креста является логотип Raiffeisen Bank, на котором изображены две перекрещенные лошадиные головы. Этот символ хорошо знаком западноевропейским народам с давних времен. Жители деревень устанавливали вырезанные из дерева скрещенные головы лошадей на фронтоны своих домов, чтобы уберечь семьи от злых сил.

Примечателен и логотип Intesa Sanpaolo, одной из старейших банковских групп Европы. Он представляет собой пиктограмму в форме квадрата, внутри которого находится стилизованное изображение древнеримского акведука - символа жизни и процветания. В подразделениях этой группы даже фасады, оформленные арками, напоминают ее логотип.

В ходе регулярного исследования «Мониторинг розничного рынка. Банки»* компания Profi Online Research представила рейтинг самых популярных банков и их логотипов среди россиян.

Согласно данным опроса на начало 2011 года гражданам России оказались наиболее известны такие банки как Сбербанк России, ВТБ 24 и Альфа-Банк.

Традиционно первое место занимает Сбербанк, который является крупнейшим и самым известным банком Российской Федерации. Почти каждый участник исследования узнал его среди представленного списка кредитно-финансовых структур. Второе и третье места закрепляются за ВТБ 24 и Альфа-Банк. Интересно, что на четвертое место вышел банк «Русский Стандарт», который среди женщин практически не уступает по известности Альфа-Банку, а среди мужчин по результатам обходит Райффайзенбанк.

В топ-10 шестое место занимает Хоум Кредит Банк, в то время как крупный и поддерживаемый государством Газпромбанк занял лишь седьмое место в рейтинге самых известных банков.

Степень узнаваемости «Ренессанс Кредита» среди женщин не уступает Гапромбанку, вероятно это связано с привлекательностью цветовой гаммы бренда. Напротив, среди мужчин «Ренессанс Кредит» занимает последнее место рейтинга (см. Рис. 1).

Рис. 1. Какие из представленных названий банков Вам известны (распределение в зависимости от пола респондентов)? (топ-10) I квартал 2011 г.

По данным исследования самыми известными банками независимо от места жительства респондентов, как и в предыдущем распределении, стали Сбербанк, ВТБ 24 и Альфа-Банк. «Русский Стандарт» занимает четвертое место рейтинга узнаваемости среди жителей регионов, а Райффайзенбанк - среди респондентов, проживающих в Москве и Санкт-Петербурге, вероятно за счет того, что отделения банка в основном расположены в столицах. Вероятно, благодаря тому, что Хоум Кредит Банк имеет много отделений в регионах, он занимает пятое место в рейтинге (см. Рис. 2).

Рис. 2. Какие из представленных названий банков Вам известны (распределение в зависимости от места жительства респондентов)? (топ-10) I квартал 2011 г.

Анализ показал, что Сбербанк России и ВТБ 24 вне конкуренции твердо держат позиции лидеров, как в рейтинге известности названий, так и логотипов кредитно-финансовых структур.

Логотипы Альфа-Банка, Райффайзенбанка и Банка Москвы значительно более узнаваемы в Москве и Санкт-Петербурге, так как их бизнес в основном направлен на столичных жителей. Логотипы остальных банков - на одном уровне узнаваемости среди жителей столиц и регионов (см. Рис. 3).

Следует отметить, что сегодня в ситуации жесткой конкуренции на розничном рынке клиенты ориентируются при выборе банка не только на финансовые показатели кредитных организаций и на условия предлагаемых услуг, но и на эмоциональное восприятие банка, складывающееся в первую очередь под действием его корпоративного стиля.

Рис. 3. Какие из представленных логотипов банков Вам известны (распределение в зависимости от места жительства респондентов)? (топ-10) I квартал 2011 г.

* Данные представлены на основе синдикативного исследования «Уровень узнаваемости названий банков и их логотипов» за первый квартал 2011 года. Общая выборка 7100 человек. Возраст участников от 21 до 55 лет. Исследование проводится методом интерактивного опроса среди респондентов онлайн панели компании Profi Online Research. География - 12 российских городов-миллионников.

с 2019 года

Логотип Банка России

В новом логотипе Банка России, с целью улучшения читаемости и исключения дополнительных смыслов, был обновлен сам знак и правила его использования вместе с названием. Теперь знак и название не могут существовать раздельно.

с 2015 до 2019 года

Знак Банка России

С 2015 года Банком России используется обновленное изображение логотипа Банка России, которое было создано в рамках проекта по созданию и развитию фирменного стиля Банка России. Разработаны различные компоновки логотипа, в зависимости от контекста и среды использования.

с 1992 года

Эмблема Банка России

На денежных знаках Банка России помещается его официальная эмблема - изображение двуглавого орла и надпись полукругом «БАНК РОССИИ». В 1992 году в условиях отсутствия государственной символики Российской Федерации эта эмблема была помещена на аверсах новых образцов монет, которые были утверждены Постановлением Президиума Верховного Совета Российской Федерации от 17.07.1992 г. № 3352-1 «О монетах нового образца, выпускаемых в обращение». Начиная с 1995 года, указанная эмблема помещается и на билетах Банка России.

В 2001 году эмблема Банка России в установленном порядке внесена в Государственный геральдический регистр Российской Федерации под № 687.

Изображение орла на эмблеме Банка России несколько отличается от изображения орла, исполненного в 1917 году художником Билибиным И.Я. для государственного символа Временного правительства России.

Использование Банком России своей эмблемы для оформления денежных знаков не противоречит законодательству Российской Федерации. Ст. 7 Федерального конституционного закона № 2-ФКЗ от 25.12.2000 г. «О Государственном гербе Российской Федерации» устанавливает, что Государственный герб Российской Федерации может помещаться на денежных знаках, то есть, помещение герба на денежных знаках не является обязательным.

Начиная с 2016 года чеканки изображение Государственного герба Российской Федерации размещается на аверсах монет вместо эмблемы Банка России. Государственный герб Российской Федерации размещен на лицевой стороне банкнот номиналом 200 и 2000 рублей, и на памятной банкноте, посвященной Чемпионату мира по футболу FIFA 2018.

← Вернуться