💾 A Garden – анимированная заставка с "живыми" цветами. Картинка двигается сама по себе и не реагирует на курсор.

Сайтодел | #сниппет #css

🎨 Цветовая палитра макета "Restaurant Reversion App"

HEX | RGB
#EDEDE5 | rgb(237, 237, 229)
#F27BF1 | rgb(242, 123, 241)
#8D8CF4 | rgb(141, 140, 244)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

✍️ Luckiest Guy – жирный шрифт без засечек, созданный в стиле текстов американской рекламы 1950-х годов. Пример можно увидеть на обратной стороне карточки в сниппете Legally Distinct Pocket Pet

Сайтодел | #шрифт

🖥 Food Catering Service App – дизайн приложения для ресторана, выполненный в светлых оттенках салатового. Впечатление от дизайна - легкость, натуральность и забота о клиентах.

Сайтодел | #макет #figma

💾 Card Swipe Carousel – стопка карточек, которые нужно перетаскивать вправо и влево. От простого нажатия карточка остается на месте.

Сайтодел | #сниппет #css

💾 Dynamic Folding – плавный эффект сложения фотографии. При создании была использована библиотека Create.js.

Сайтодел | #сниппет #css

💾 Liquid Text Effect – текст с "жидким" эффектом и анимированным градиентом. Здесь используется библиотека WebGL.

Сайтодел | #сниппет #css

✍️ Stadt – современный геометрический гротеск, вдохновленный стилем баухаус. Он используется в карточках и подзаголовках дизайна Ray Ban Elegant Sunglasses Store App

Сайтодел | #шрифт

🐙 UI – репозиторий с примерами простых компонентов пользовательского интерфейса. Элементы написаны на React.js и Next.js.

Сайтодел | #репозиторий #github

🖥 Figma Charts & Infographics UI Kit – набор готовых графиков и диаграмм. Содержит наиболее распространенные шаблоны визуализации данных, от простых столбчатых диаграмм до сложных карт.

Сайтодел | #макет #figma

💾 Cat Toggle Button – переключатель светлой и темной темы в виде котика. Изображение детализировано и нагружено смыслом, чтобы пользователю не было скучно.

Сайтодел | #сниппет #css

💾 Ball – сфера в виде мяча с линиями из букв. Вращать фигуру можно только за специальную круглую кнопку.

Сайтодел | #сниппет #css

Портфолио, из-за которого тебя не зовут на собеседования

Ты веб или граф дизайнер, но хочешь перейти в продукт?

Есть ошибки, которые делают 80% ребят в портфолио, и потом думают, что дело в недостатке опыта.

Мы собрали чеклист «10 редфлагов в портфолио», которые мешают перейти в продукт и получать х2 по деньгам.

💥 Примеры плохих и хороших кейсов
💥 Что убрать, что добавить в кейсах
💥 Как адаптировать портфолио под продуктовый рынок

Забрать чек-лист редфлагов в закрепе: @formfactor

🎨 Цветовая палитра макета "Presentation Template 02"

HEX | RGB
#1BA58B | rgb(27, 165, 139)
#A61C1C | rgb(166, 28, 28)
#333333 | rgb(51, 51, 51)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

🖥 School App – дизайн приложения для школьников, который включает сочетания разных геометрических фигур и контрастные цвета.

Сайтодел | #макет #figma

💾 Hamburgers – набор анимированных иконок для меню. Анимация сделана за счет вращения, а также расширения иконки вниз и вверх.

Сайтодел | #сниппет #css

🐙 UI – репозиторий с примерами простых компонентов пользовательского интерфейса. Элементы написаны на React.js и Next.js.

Сайтодел | #репозиторий #github

💾 Box Shadow Animation – эффект изменения ширины рамки. Достигается за счет анимации для тени кнопок.

Сайтодел | #сниппет #css

💾 Turnable Cards – трехмерная анимация карточек. При наведении курсора карточка просто двигается, а при нажатии - переворачивается.

Сайтодел | #сниппет #css

🖥 School App – дизайн приложения для школьников, который включает сочетания разных геометрических фигур и контрастные цвета.

Сайтодел | #макет #figma