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

HEX | RGB
#F9F1EF | rgb(249,241,239)
#FADDD9 | rgb(250,221,217)
#F8AFA6 | rgb(248,175,166)

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

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

✍ Lora – современный шрифт с засечками, уходящий корнями в каллиграфию. Шрифт отличается умеренным контрастом и плавными изгибами, которые контрастируют с засечками. Пример есть в сниппете "Smooth 3D Perspective Slider"

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

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

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

💾 Gray & White – диагональный слайдер с прокруткой страницы. В время пролистывания фото меняет свое положение и визуально становится больше.

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

🐙 Awesome Design Patterns – список шаблонов проектирования архитектуры приложений. Тут есть материалы для большинства популярных языков программирования.

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

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

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

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

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

💾 Canva's Magic Mouse Effect – эффект подсветки с анимированными полупрозрачными звездочками. Подойдет для ярких рекламных лендингов.

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

✍️ Turret Road – геометрический шрифт без засечек с низким контрастом и многоугольными формами. Пример шрифта можно посмотреть в сниппете "Hex Animation"

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

💾 Canvas Sparkly Circle Loader – лоадер для темной темы экрана с мелкими, быстро переливающимися частицами. Его "хвост" имеет 3D-форму.

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

🐙 Pile – приложение для заметок и ведения личного дневника. Есть интеграция с искусственным интеллектом: можно искать и задавать вопросы по написанной заметке.

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

🐙 DevFind – платформа для веб-разработчиков в виде поисковика со ссылками на портфолио и Github-профили. Можно искать разработчиков по имени, навыкам и стране проживания.

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

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

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

🖥 SH freud UI Kit – дизайн для трекера настроения. Здесь использованы теплые, нежные оттенки и светло-кремовый фон, который ассоциируется с расслаблением и уютом.

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

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

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

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

HEX | RGB
#FDE4C6 | rgb(253,228,198)
#85D5FB | rgb(133,213,251)
#CB83E0 | rgb(203,131,224)

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

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