💾 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

🎨 Цветовая палитра макета "Top 50+ Landing Pages"

HEX | RGB
#FA7CE4 | rgb(250, 124, 228)
#7DE241 | rgb(125, 226, 65)
#4378EE | rgb(67, 120, 238)

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

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

💾 Donuts – трехмерное изображение пончиков, которое можно вращать курсором по любой оси, а также увеличивать и уменьшать.

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

🖥 Money Forest – дизайн приложения для ведения личного бюджета. Здесь есть много инфографики, а также фоновые пейзажи в пастельных тонах.

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

🎨 Цветовая палитра макета "Car Service":

HEX | RGB
#C1C1C1 | rgb(193,193,193)
#FF011D | rgb(255,1,29)
#1E1E1E | rgb(30,30,30)

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

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

💾 Responsive Shader Carousel – галерея, показывающая выбранное изображение на заднем плане. Перелистывать можно только с помощью двух кнопок.

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

💾 Responsive GSAP Slider – слайдер для представления продуктов с подвижными SVG-картинками. Слайдер можно легко настроить под себя.

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

💾 Interactive Wheel Menu – меню, которое появляется при нажатии на экран. Оно исчезает, если экран перестать удерживать.

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

🐙 React PDF – библиотека для создания PDF-файлов с помощью React. У нее есть API для стилизации элементов документа с использованием свойств CSS, в частности Flexbox.

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

🎨 Цветовая палитра макета "BoraCodar":

HEX | RGB
#FCD2FF | rgb(252,210,255)
#B373C5 | rgb(179,115,197)
#6D68CF | rgb(109,104,207)

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

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

🎨 Цветовая палитра макета "Car Service":

HEX | RGB
#C1C1C1 | rgb(193,193,193)
#FF011D | rgb(255,1,29)
#1E1E1E | rgb(30,30,30)

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

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

🎨 Цветовая палитра макета "Car Service":

HEX | RGB
#C1C1C1 | rgb(193,193,193)
#FF011D | rgb(255,1,29)
#1E1E1E | rgb(30,30,30)

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

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