💾 Rotating Links – анимация для логотипов, которая вращает текст и рамку по кругу. Этот эффект подойдет для сайтов небольших брендов.

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

✍️ Open Sans - это шрифт без засечек, который был спроектирован с акцентом на вертикальное положение и открытые формы. Шрифт подходит для печати, веб- и мобильных интерфейсов, а также обладает отличными характеристиками разборчивости буквенных форм.

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

💾 Invert Text – эффект, который изменяет цвет и фон текста при скролле. В качестве примера взяты черный и белый цвет, но можно настроить и другие оттенки.

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

🖥 Playful Slide Template – дизайн для оформления презентаций. Выделяется приглушенными оттенками, крупным шрифтом и броскими графическими элементами с черным контуром.

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

💾 Day and Night – переключатель темной и светлой темы с изображениями небесных объектов. В фон добавлена анимация в виде плывущих облаков и мерцающих звезд.

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

🖥 XIDE Serenity Springs – дизайн лендинга для СПА-салонов, который передает расслабленную и комфортную атмосферу. Для этого в дизайне были использованы приглушенные оттенки песочного цвета.

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

💾 CSS Image Slider – необычный слайдер, стилизованный под картинку в рамке. Есть всплывающее меню из точек, которое довольно быстро переключает изображение.

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

🐙 Layui – бесплатная UI-библиотека с веб-компонентами для быстрого и легко создания интерфейсов. Фреймворк основан на принципах минимализма и содержит в себе только самое необходимое.

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

💾 Tab Bar Animation – анимированные иконки для мобильного приложения, которые при нажатии подсвечиваются светло-зеленым и поворачиваются вокруг своей оси.

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

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

HEX | RGB
#EF704F | rgb(239,112,79)
#BAA6CB | rgb(186,166,203)
#A9B6A2 | rgb(169,182,162)

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

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

✍️ Uni Neue – современный шрифт без засечек с закругленными углами, который был создан на основе известного семейства шрифтов Uni Sans. Подходит для брендинга, экранов устройств и печатной продукции. Пример есть в макете "Spotify Redesign"

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

💾 Custom Dot Cursor – курсор в виде полупрозрачного круга. Его удобно использовать с галереей изображений, чтобы указатель не сливался с фоном, а был контрастным.

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

🎨 Цветовая палитра макета "Positivus Landing Page Design":

HEX | RGB
#B9FF66 | rgb(185,255,102)
#6B904D | rgb(107,144,77)
#282E2B | rgb(40,46,43)

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

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

🖥 DeepBreathe – дизайн приложения для медитации. Выполнен в спокойных натуральных оттенках, содержит яркие акценты и крупные картинки.

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

💾 Changing Background Color – эффект изменения цвета фона при скролле. Его можно использовать в лендинге вместо того, чтобы создавать отдельный фон для каждого раздела.

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

💾 Hexagon Image Tiles – необычная галерея изображений, состоящая из шестиугольников. Если навести на фото курсор, то можно увидеть подпись на полупрозрачном фоне.

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

💾 Checkbox Group – набор карточек с иконками и чекбоксами. Состояние чекбокса, а также цвет иконки и рамки меняются при нажатии на карточку.

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

✍️ Avenir – гротескный шрифт, созданный Адрианом Фрутигером в 1988 году. Шрифт появился под влиянием гротескных гарнитур геометрического стиля из 1920х годов, которые использовали круг в качестве основы. Пример можно посмотреть в сниппете "Click Me"

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

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

HEX | RGB
#E5DFD6 | rgb(229,223,214)
#B19061 | rgb(177,144,97)
#3C2418 | rgb(60,36,24)

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

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

💾 Elastic Accordion GSAP – эластичные рамки для изображений, которые растягиваются при нажатии курсором. Подвижность элементов создает эффект "резины".

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

🖥 Online Food Ordering Website – дизайн лендинга для сервиса заказа еды. Теплые оттенки зеленого создают здесь ощущение свежести и уюта, а оранжевые элементы намекают на вкусные продукты.

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