Людочка, референсы!

Wild Week – AthensСайт для корпоративного ивента в Афинах, где весь визуал поддерживает греческую тематику: бело-синяя палитра, античные скульптуры, амфоры, колонны, стилизованная типографика в заголовке. Есть даже разговорник с полезными фразами на греческом.#иллюстрации #визуал #цветЛюдочка, референсы – идеи для веб-дизайнеровWild Week – AthensСайт для корпоративного ивента в Афинах, где весь визуал поддерживает греческую тематику: бело-синяя палитра, античные скульптуры, амфоры, колонны, стилизованная типографика в заголовке. Есть даже разговорник с полезными фразами на греческом.#иллюстрации #визуал #цветЛюдочка, референсы – идеи для веб-дизайнеров

Studio XЭстетичный сайт студии коммерческих интерьеров: много стильных фото, в типографике сочетание обычного и курсивного начертаний гарнитуры с засечками. За современное настроение отвечают фирменный оранжевый цвет и скруглённые плашки.#типографика #визуал #цветЛюдочка, референсы – идеи для веб-дизайнеровStudio XЭстетичный сайт студии коммерческих интерьеров: много стильных фото, в типографике сочетание обычного и курсивного начертаний гарнитуры с засечками. За современное настроение отвечают фирменный оранжевый цвет и скруглённые плашки.#типографика #визуал #цветЛюдочка, референсы – идеи для веб-дизайнеров

RiwaПортфолио с сочными красными акцентами и интересной работой с сеткой. Простые округлые формы сочетаются с геометричными карточками со срезанными углами, а смена ритма делает интерфейс бодрее.#цвет #сеткаЛюдочка, референсы – идеи для веб-дизайнеровRiwaПортфолио с сочными красными акцентами и интересной работой с сеткой. Простые округлые формы сочетаются с геометричными карточками со срезанными углами, а смена ритма делает интерфейс бодрее.#цвет #сеткаЛюдочка, референсы – идеи для веб-дизайнеров

ElecctroСайт вендинговой компании с классными 3D-иллюстрациями их аппаратов — от кофемашин до вертолётов. Несмотря на технологичную тематику, всё выглядит легко и даже немного игрушечно благодаря яркому визуалу, анимациям по скроллу и ховерам.#3D #анимацияЛюдочка, референсы – идеи для веб-дизайнеровElecctroСайт вендинговой компании с классными 3D-иллюстрациями их аппаратов — от кофемашин до вертолётов. Несмотря на технологичную тематику, всё выглядит легко и даже немного игрушечно благодаря яркому визуалу, анимациям по скроллу и ховерам.#3D #анимацияЛюдочка, референсы – идеи для веб-дизайнеров

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

Mersi-ArchitectureСайт парижской архитектурной студии в эстетике тихой роскоши: минимализм, мелкая типографика, эффект тиснения и деликатный шум на фото. Цепляют бесконечный слайдер на главной и игра с ритмом и цветом в проектах.#сетка #цвет #анимацияЛюдочка, референсы – идеи для веб-дизайнеровMersi-ArchitectureСайт парижской архитектурной студии в эстетике тихой роскоши: минимализм, мелкая типографика, эффект тиснения и деликатный шум на фото. Цепляют бесконечный слайдер на главной и игра с ритмом и цветом в проектах.#сетка #цвет #анимацияЛюдочка, референсы – идеи для веб-дизайнеров

Max Mara Jacket CircleНовый лендинг Max Mara — опять с рисованными иллюстрациями и простой игровой механикой. Исследуя локации и открывая вымышленные слова, пользователь знакомится с ценностями бренда.#иллюстрацииЛюдочка, референсы – идеи для веб-дизайнеровMax Mara Jacket CircleНовый лендинг Max Mara — опять с рисованными иллюстрациями и простой игровой механикой. Исследуя локации и открывая вымышленные слова, пользователь знакомится с ценностями бренда.#иллюстрацииЛюдочка, референсы – идеи для веб-дизайнеров

Artem ShcherbanЛаконичное портфолио дизайнера с акцентом на ясность и визуальную чистоту. Шоурил на главной, много воздуха, минимум цвета и аккуратные плашки по углам для навигации, контактов, фильтров — получился классный свежий интерфейс.#визуал #цветЛюдочка, референсы – идеи для веб-дизайнеровArtem ShcherbanЛаконичное портфолио дизайнера с акцентом на ясность и визуальную чистоту. Шоурил на главной, много воздуха, минимум цвета и аккуратные плашки по углам для навигации, контактов, фильтров — получился классный свежий интерфейс.#визуал #цветЛюдочка, референсы – идеи для веб-дизайнеров

ICOMATСайт из инженерной сферы для производителя композитных материалов. Хорошо работает сетка: она держит ритм и делает плотный текстовый контент легче. В остальном всё лаконично — продуманный визуал и спокойная типографика.#сетка #типографикаЛюдочка, референсы – идеи для веб-дизайнеровICOMATСайт из инженерной сферы для производителя композитных материалов. Хорошо работает сетка: она держит ритм и делает плотный текстовый контент легче. В остальном всё лаконично — продуманный визуал и спокойная типографика.#сетка #типографикаЛюдочка, референсы – идеи для веб-дизайнеров

ArtefaktСайт для продакшн-компании, фишка которой —нетрадиционные решения. Пиксельные ховеры, ASCII-анимации переходов, яркие видео и нарочито техническая эстетика с моноширинным шрифтом создают ощущение цифровой лаборатории для экспериментов.#визуал #анимацияЛюдочка, референсы – идеи для веб-дизайнеровArtefaktСайт для продакшн-компании, фишка которой —нетрадиционные решения. Пиксельные ховеры, ASCII-анимации переходов, яркие видео и нарочито техническая эстетика с моноширинным шрифтом создают ощущение цифровой лаборатории для экспериментов.#визуал #анимацияЛюдочка, референсы – идеи для веб-дизайнеров

iyO AIСайт компании, которая делает компьютеры без экранов с голосовым управлением. Мощные 3D-рендеры гаджетов, стилёвые интерфейсные плашки и интерактивный шум, который искажается от движения курсора — вместе всё отлично поддерживают футуристичный вайб продукта.#3D #анимация #визуалЛюдочка, референсы – идеи для веб-дизайнеровiyO AIСайт компании, которая делает компьютеры без экранов с голосовым управлением. Мощные 3D-рендеры гаджетов, стилёвые интерфейсные плашки и интерактивный шум, который искажается от движения курсора — вместе всё отлично поддерживают футуристичный вайб продукта.#3D #анимация #визуалЛюдочка, референсы – идеи для веб-дизайнеров

San RitaСайт креативной студии, построенный вокруг метафоры путешествия и поиска собственного маршрута. Линии фона напоминают топографические карты, меню отсылает к трейлам, а каждый проект подаётся как отдельная точка на пути.#иллюстрации #визуалЛюдочка, референсы – идеи для веб-дизайнеровSan RitaСайт креативной студии, построенный вокруг метафоры путешествия и поиска собственного маршрута. Линии фона напоминают топографические карты, меню отсылает к трейлам, а каждый проект подаётся как отдельная точка на пути.#иллюстрации #визуалЛюдочка, референсы – идеи для веб-дизайнеров

Seamless StudioЛаконичный сайт мокап-сервиса с ярким акцентом на цвет. Фон переключается между зелёным и чёрным при скролле, а скруглённые карточки и ховеры с меняющимся радиусом скругления делают простой интерфейс интереснее.#цвет #анимацияЛюдочка, референсы – идеи для веб-дизайнеровSeamless StudioЛаконичный сайт мокап-сервиса с ярким акцентом на цвет. Фон переключается между зелёным и чёрным при скролле, а скруглённые карточки и ховеры с меняющимся радиусом скругления делают простой интерфейс интереснее.#цвет #анимацияЛюдочка, референсы – идеи для веб-дизайнеров

Telha ClarkeСайт архитектурной студии: швейцарская сетка создаёт чёткий ритм и отлично поддерживает архитектурный контекст. Выглядит чисто, свежо и динамично, хотя удалось уместить много фото и текста.#сетка #типографикаЛюдочка, референсы – идеи для веб-дизайнеровTelha ClarkeСайт архитектурной студии: швейцарская сетка создаёт чёткий ритм и отлично поддерживает архитектурный контекст. Выглядит чисто, свежо и динамично, хотя удалось уместить много фото и текста.#сетка #типографикаЛюдочка, референсы – идеи для веб-дизайнеров

Utopia TokyoСайт с яркой японской эстетикой: красный цвет, иероглифы, 3D-маски, глитчи и акцидентная гарнитура создают ощущение футуризма, собранного на базе культурного наследия. На странице 404 пасхалка: мини-игра с разрубанием масок.#3D #типографика #цветЛюдочка, референсы – идеи для веб-дизайнеровUtopia TokyoСайт с яркой японской эстетикой: красный цвет, иероглифы, 3D-маски, глитчи и акцидентная гарнитура создают ощущение футуризма, собранного на базе культурного наследия. На странице 404 пасхалка: мини-игра с разрубанием масок.#3D #типографика #цветЛюдочка, референсы – идеи для веб-дизайнеров

Рутину в Figma больше не обязательно делать руками. Ее может закрыть AI-агент Таких задач в фигме хватает у каждого: развести компоненты по вариантам, проставить состояния, выровнять отступы, перенести стили, собрать кучу однотипных экранов. Часы уходят на механическую работу, в которой нет ни грамма творчества.Хорошие новости – ее может взять на себя AI-агент. Claude Code через Figma MCP работает прямо в твоем файле: собирает компоненты, расставляет токены, верстает экраны по ДС. Ты задаешь направление, агент закрывает рутину. Пока одни дизайнеры разбираются, как это подключить, другие уже отдают агенту ручную работу.3 июня в 18:00 мск Даниил Шишко из Pixel Perfect соберет дизайн-систему через Claude Code и Figma MCP на реальном AI SaaS-стартапе для голосовых агентов. На ее базе сверстает экраны продукта. Увидишь работу не на учебных кейсах, а на живом продукте в продакшене.Что заберешь с эфира:• научишься собирать дизайн-систему через Claude Code и Figma MCP сам• 4 скилла для Claude Code для сборки и поддержки своей ДС• поймешь, как отдать агенту рутину поддержки больших ДСЭфир пройдет в тг-канале Даниила: Подписывайся

Лучшее за май1. Studio DADO – элегантный сайт интерьерной студии с журнальной сеткой и чистой подачей2. AVA SRG – дружелюбный сайт школы разработки и дизайна с прикольными 3D-жестами и интерактивной анимацией3. Charlie Osborne – портфолио с сочными оранжевыми градиентами, крупной типографикой и ритмичной сеткой4. Offcoustic – простой сайт про офисные переговорные кабинки: много воздуха, базовые анимации и отлично подобранные фото5. Damn Good Brands – сайт брендингового агентства с прикольными интерактивами и ярким, дерзким визуаломЛюдочка, референсы – отборные работы по веб-дизайну

DulcedoСайт агентства для коллабораций с моделями, инфлюэнсерами, спортсменами и геймерами. Монохром и активная типографика создают ощущение динамики, энергии и современного медиа-визуала.#типографика #цветЛюдочка, референсы – идеи для веб-дизайнеровDulcedoСайт агентства для коллабораций с моделями, инфлюэнсерами, спортсменами и геймерами. Монохром и активная типографика создают ощущение динамики, энергии и современного медиа-визуала.#типографика #цветЛюдочка, референсы – идеи для веб-дизайнеров

Shift5Сайт компании в сфере кибербезопасности: схематичные и абстрактные векторные иллюстрации, ASCII-арт и активная сетка блоков хорошо поддерживают технологичный вайб. Параллакс и цвет помогают подать сложную тему визуально живее.#сетка #цвет #иллюстрацииЛюдочка, референсы – идеи для веб-дизайнеровShift5Сайт компании в сфере кибербезопасности: схематичные и абстрактные векторные иллюстрации, ASCII-арт и активная сетка блоков хорошо поддерживают технологичный вайб. Параллакс и цвет помогают подать сложную тему визуально живее.#сетка #цвет #иллюстрацииЛюдочка, референсы – идеи для веб-дизайнеров

MarkemСайт маркетингового агентства, где главный акцент забирает типографика: крупные заголовки, бегущая строка, проявляющийся при скролле цвет и ховеры.#типографика #анимацияЛюдочка, референсы – идеи для веб-дизайнеровMarkemСайт маркетингового агентства, где главный акцент забирает типографика: крупные заголовки, бегущая строка, проявляющийся при скролле цвет и ховеры.#типографика #анимацияЛюдочка, референсы – идеи для веб-дизайнеров