🎨 Цветовая палитра макета "Colour Palettes/Moodboards"

HEX | RGB
#EAA43D | rgb(234,164,61)
#F75B0D | rgb(247,91,13)
#405C20 | rgb(64,92,32)

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

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

🐙 Awesome Cheatsheets – репозиторий со шпаргалками по разным айти-тематикам. Тут есть листы по основным фронтенд-фреймворкам, инструментам разработчика и языку JavaScript.

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

💾 Balkan Style Portfolio Gallery – лендинг для портфолио дизайнера. Детализация каждой работы находится в выпадающем окне.

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

✍️ Space Grotesk – пропорциональный шрифт без засечек, основанный на семействе шрифтов Space Mono. Имеет особенности моноширного шрифта. Пример есть на официальном сайте Meteor

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

💾 Parallax Depth Cards – карточки, имитирующие объемное изображение под стеклом. Каждая карточка вращается в пространстве и показывает скрытые края картинки.

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

🖥 Parallax Effect – дизайн для слайдера. Здесь представлены приглушенные оттенки, зернистый фон и мягкие градиенты. Контраст создан за счет крупных заголовков и небольших кусков текста.

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

💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.

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

🎨 Цветовая палитра макета "Travel & Hotel Booking Light Mobile App"

HEX | RGB
#C9D5E5 | rgb(201,213,229)
#18C0C1 | rgb(24,192,193)
#546A82 | rgb(84,106,130)

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

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

✍️ Proxima Nova Soft – версия геометрического шрифта Proxima Nova, но с более скругленными деталями. Этот шрифт выглядит нейтрально и поэтому подходит для разных стилей. Пример есть тут: Nutanix Loading Screen

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

💾 Toggles – анимированные переключатели, которые меняют цвет, внешний вид внутреннего элемента и даже положение в пространстве.

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

🐙 Noi – платформа для интеграции искусственного интеллекта с веб-сайтами. Она содержит наборы инструментов, плагины и функционал для создания заметок.

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

💾 Jello Tab Bar – табы с переключением цвета фона для каждой страницы. Главный плюс - анимация работает плавно.

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

🖥 Geepay Fitness Tracking App – дизайн приложения для тренировок. Основные детали: пудрово-розовый фон, черные кнопки и небольшие яркие элементы.

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

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

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

🎨 Цветовая палитра макета "Parallax Effect"

HEX | RGB
#F1CBCB | rgb(241,203,203)
#F27A85 | rgb(242,122,133)
#7D909C | rgb(125,144,156)

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

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

💾 SVG Debit Card Animation – анимированный фон для банковской карты. Этот эффект подойдет для страниц, где нужно вводить данные для оплаты товаров.

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

✍️ Recoleta – шрифт с засечками, вдохновленный эстетикой 1970-х годов. Соединяет в себе мягкие формы и угловатые штрихи. Пример можно посмотреть в сниппете Cards

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

💾 Ipanema Pattern – паттерн с деталями в форме кругов и эллипсов. Можно использовать его как заставку для шапки сайта или как фоновое изображение.

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

🐙 Brainwave – репозиторий проекта по созданию сайта. Здесь есть сниппеты кода, ссылка на видеоурок и описание фич готового продукта.

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

💾 CSS Scroll-Driven Animations – слайдер с четырьмя видами анимации скролла. Перелистывать слайды можно по вертикали, по горизонтали, а также с эффектами зума или плавного переключения.

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

🖥 Sleep Time App – дизайн приложения для отслеживания времени сна. Цвет варьируется от очень светлого розового (на фоне) до темного кораллового на отдельных элементах.

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