kello

Главная Financial Times — красивый пример «газетной» вёрстки в новостном сайте. Тут хорошая работа с цветом и типографикой, а главное — с их помощью получается склеить всё в один стиль даже с разносортными картинками.

Ретро-пиксельное портфолио с целым пианино на главной странице.

Милейший сайт-портфолио с работами, блогом, даже цитатами и мыслями. Хорошие шрифты, красивые детали и даже похвала автору от CEO Nothing.

iA рассказывают, как сделать ИИ помощником в письме, а не исполнителем. Отличное пособие по осознанной работе с GPT.

Хороший пример — не просить сгенерировать текст, а попросить сгенерировать для вас вопросы, по которым вы сможете написать текст.

Фокапы — бесплатная и реалистичная альтернатива бездушным мокапам.

Shopify в рамках своей дизайн-системы подробно рассказывает про принципы дизайна: о цвете, глубине, иконках, визуализации и даже звуках.

Полезно для общего развития и для понимания, на чём построен интерфейс системы.

Всеобъемлющий гайд от Виктора Теплова про дизайн-системы. Какую брать, как сделать свою, какие подходы использовать?

Каждый параграф — развилка с выбором с описанными плюсами и минусам.

Опен-сорсный таск-трекер со смешным названием. Ставят себя в одну линейку с Linear, Jira и Notion, и сайт сделали соответствующий.

Бесплатный сборник дизайн-ресурсов. Есть рассылка и поиск и нет переходных экранов.

Свечения, частицы и анимации — ui-сладости от платформы Neon.

404 в твиттере.

Сайт главы дизайна Opal с красочными проектами. Много сочетаний веба + 3D.

Рассказы о дизайне в виде лонгридов от лида Stripe Мэтью Стрёма.

Про схемы выбора нужных компонентов. Баннер, тост или алерт? Такие схемы помогут выбрать наверняка.

«Пустой» дизайн портфолио от дизайнера Linear. Внутри очень классная страница Interaction Design.

Добротный техничный сайт студии с крупной типографикой.

Сборник популярных дизайн-систем в красивой обёртке.

Страницы классных авторов, которые собрал дизайнер SJ Zhang в своём веб-мире.

Fontsource — бесплатная библиотека, которая включает в себя шрифты от Google Fonts и другие опенсорсные проекты.

Кроме скачивания, каждый шрифт можно локально установить прямо через npm install и импортировать в свой код.

Аккаунт со скриншотами старых интерфейсов. Много скево и старых версий iOS.

Телеграм-канал со сборником портфолио дизайнеров со всего мира.
Можно глянуть на сайты сотрудников Apple или вдохновиться шоукейсами фрилансеров.

Красивый сайт с нежными анимациями рассказывает о «необычной дизайн-компании»

Очень крутые заметки про дизайн и про код.
Важные, но иногда неочевидные темы в красивой интерактивной обёртке.

Небольшой интерактивный рассказ, который поможет читать SVG-код (оказывается, это легко). Часть какого-то будущего курса.