> ## Content Index > Fetch the complete content index at: https://admin.kod.ru/llms.txt > Use this file to discover other available public pages before exploring further. # Код нового поколения. Как мы обновили стиль и трансформировали сайт - URL: https://admin.kod.ru/id5/ - Published: 2024-09-12T10:30:49.000Z - Updated: 2025-05-23T23:11:40.000Z - Description: Рассказываем об обновлении бренда и сайта «Кода Дурова», над которыми мы работали вместе с командой SKAM. - Author: Влад Войтенко - Tags: Полезное Все 9 лет своего существования «Код Дурова» регулярно обновляет бренд и стиль, каждый раз проводя масштабную работу над дизайном сайта, оформлением материалов и другими визуальными составляющими проекта. Работая над каждым таким обновлением, мы стремимся в первую очередь сделать «Код Дурова» лучше для вас, наших читателей. В частности, стараемся обеспечить ещё более комфортный доступ к нашему разнообразному контенту и визуально улучшить его восприятие. В этом году нам было важно, с одной стороны, закрепить наработки прошлых лет, а с другой — представить свежий взгляд на бренд IT-медиа. Поэтому вы наверняка заметите не только визуальные изменения, но и обновлённый подход к контенту, который будет включать новые форматы и даже продукты. Однако сегодня мы сосредоточимся на новом бренде и новом сайте «Кода Дурова», над которыми мы работали вместе с командой SKAM. ### В поисках стиля Одной из ключевых идей для нового «Кода Дурова» было желание добавить привычному интернет-изданию стиль некого глянца. Для этого мы решили добавить в цифровом виде элементы старых-добрых журналов, с которыми читателю будет проще обращать внимание на главные освещаемые нами темы. А раз уж так, то мы посчитали, что логотип и фирменный стиль тоже должны включать в себя типографические символы, как у глянцевого журнала, а также знаки, намекающие на связь издания с широким спектром тем из мира IT. ![Инфографика показывает изменения дизайна сайта «Код Дурова» с 2015 по 2024 год — логотипы, цвета, шрифты и интерфейс.](https://admin.kod.ru/content/images/2024/09/kd-3-alt.png) Преданные читатели давно обратили внимание на подход издания: помимо уникальных форматов и авторских материалов «Код Дурова» всегда выделял из новостной повестки самое важное — то, что следует знать из мира IT здесь и сейчас. В рамках нового стиля хотелось соблюсти преемственность — учесть все наши предыдущие наработки и основу выработанного подхода к контенту, к которому аудитория привыкла за последние несколько лет. То есть то, что вы ежедневно видите у нас на сайте и в Telegram-канале. Разработка нового дизайн-кода издания началась с трудностей: переосмысление логотипа осложняли буквы «Д» в названии бренда, расположенные рядом. С точки зрения графики, отрисовать их в уникальном стиле оказалось не так уж просто. Пришлось проводить многочисленные эксперименты, часть из которых вы можете увидеть ниже: ![](https://admin.kod.ru/content/images/2024/09/kd-4-alt.png) ![](https://admin.kod.ru/content/images/2024/09/kd-5-alt.png) ![](https://admin.kod.ru/content/images/2024/09/kd-6-alt.png) ### Новый Код Новый логотип и стиль всего издания обыгрывают темы двоичного кода, пикселизации, матрицы и акцента на IT — ведь всё начинается с кода. Команде SKAM всё-таки удалось преодолеть все сложности со связкой букв «Д», и получилось, на наш взгляд, крайне удачно. Именно они теперь образуют мини-версию нашего логотипа и отсылают к нашему предыдущему стилю, облегчая узнаваемость. > Обновленный «Код Дурова» — это демонстрация призмы, через которую проходят гигантские потоки информации, обрабатываемые редакцией, чтобы предложить читателю всё самое важное и интересное. И это тот путь, который знаком преданным читателям. ![](https://admin.kod.ru/content/images/2024/09/kd-10.png) ![](https://admin.kod.ru/content/images/2024/09/kd-8-alt-s1.png) ![](https://admin.kod.ru/content/images/2024/09/kd-9-alt.png) ![](https://admin.kod.ru/content/images/2024/09/kd-12-alt.png) ![](https://admin.kod.ru/content/images/2024/09/kd-15-alt.png) ![](https://admin.kod.ru/content/images/2024/09/kd-11-alt.png) ![](https://admin.kod.ru/content/images/2024/09/kd-13-alt.png) ![](https://admin.kod.ru/content/images/2024/09/kd-14.png) ### Главная страница Главная сайта сохранила меню с ключевыми разделами — Новости, Статьи, Telegram, Обзоры, Блоги и Карьера. Шапка теперь включает живую ленту актуальных новостей. Чуть ниже — курсы криптовалют, а также кнопки перехода на форум и авторизации на сайте: ![КОРПУС Код Дурова](https://admin.kod.ru/content/images/2024/09/kd-17.png) На главной читателя встречают три основных блока. Крайний левый стал преображением того самого «глянца» в цифровом формате — здесь будут главные, по мнению редакции, материалы, интервью, а также эксклюзивные специальные выпуски. ![](https://admin.kod.ru/content/images/2024/09/kd-31.png) ![](https://admin.kod.ru/content/images/2024/09/kd-32.png) ![](https://admin.kod.ru/content/images/2024/09/kd-33.png) ![](https://admin.kod.ru/content/images/2024/09/kd-34-fix.png) ![](https://admin.kod.ru/content/images/2024/09/kd-35-fix.png) Правее — последние новости и актуальные статьи. Ниже — блоки с популярными статьями, новостями Telegram, материалами из блогов компаний. ![](https://admin.kod.ru/content/images/2024/09/kd-18.png) ![](https://admin.kod.ru/content/images/2024/09/kd-19.png) Далее читателя встречает рубрика «Карьера» и блок со свежими вакансиями отечественных компаний, сервис «Отзывы», а также разделы с материалами о TON, обзорами и интервью. ![](https://admin.kod.ru/content/images/2024/09/kd-20.png) ![](https://admin.kod.ru/content/images/2024/09/kd-21.png) ![](https://admin.kod.ru/content/images/2024/09/kd-22.png) ![](https://admin.kod.ru/content/images/2024/09/kd-23.png) В самом низу главной расположена динамическая плашка с соцсетями, на которые мы рекомендуем подписаться. ![Код Дурова](https://admin.kod.ru/content/images/2024/09/kd-26-1.png) ### Страницы материалов Больше внимания теперь уделено заголовку. Он находится выше главного изображения, а сама иллюстрация больше не растянута на весь экран по ширине. ![Дуров планирует добавить игры в Telegram — пять фактов из интервью.](https://admin.kod.ru/content/images/2024/09/kd-24.png) Как и ранее, присутствуют основные данные о материале: автор, дата публикации, количество просмотров и время, которое потребуется на его прочтение. При этом мы обновили шрифт и размер текста, чтобы читать материалы было удобнее, в том числе и на мобильной версии сайта. ![Такер Карсон взял интервью у главы SpaceX Илона Маска и выложил его в Telegram.](https://admin.kod.ru/content/images/2024/09/kd-25.png) Мобильная версия тщательно адаптирована под смартфоны и планшеты. Компоновка и расположение блоков на главной странице дублируют стиль десктопной версии. Шапка включает поиск и «гамбургер», по клику на который можно сразу перейти в нужный раздел. ![Купить Telegram Stars российской картой — инструкция. Роскомнадзор требует от Apple доступ российским разработчикам в App](https://admin.kod.ru/content/images/2024/09/kd-27.png) Естественно, мы сохранили мгновенную скорость загрузки страниц с материалами любой сложности. Вы можете оценить её при использовании как десктопной, так и мобильной версии сайта. В новой стилистике обновлены и изображения для соцсетей. Например, текст на картинках с цитатами стал более выразительным. ![Павел Дуров сидит перед камерой, пальцы переплетены. Надпись: Свобода — моя жизнь и миссия Telegram.](https://admin.kod.ru/content/images/2024/09/kd-37.png) По мнению нашей редакции и команды SKAM, которая разрабатывала переосмысленную айдентику интернет-издания, новый стиль поможет стать бренду «Код Дурова» ещё более узнаваемым: > В новом дизайне издания «Код Дурова» мы стремились создать гармоничный синтез двух миров: глубины информационных порталов о технологиях и визуальной привлекательности глянцевых журналов. Это уникальное сочетание позволило нам разработать дизайн-код, который одновременно погружает читателя в материал и визуально завораживает его своей простотой и доступностью. > > Дизайн привлекает внимание не только яркостью и новизной подачи, но и тщательно продуманной логикой расположения информации, характерной для печатных изданий. Новый дизайн «Кода Дурова» является воплощением нашего взгляда на то, как должны выглядеть IT-медиа в эру цифровых технологий. > > **SKAM: Слава Кутеев, Алексей Маслов** --- > Мы создали абсолютно новые фирменный стиль и сайт, визуализирующие призму, через которую проходят гигантские потоки информации, обрабатываемые редакцией, чтобы предложить читателю всё самое важное и интересное. > > Надеемся, что обновление «Кода Дурова» послужит новым витком развития для нашего издания, в рамках которого мы готовим для вас много нового и интересного. > > **Гайк Даллакян, основатель и директор по продукту «Кода Дурова»**