🖥 Open Fashion – дизайн для мобильного приложения магазина одежды. Акцент здесь делается на изысканные шрифты и сочетания оттенков серого.

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

💾 Text Scroll And Hover Effect – эффект для текста "два в одном". При прокрутке страницы текст заполняется цветом, а при наведении курсора – меняется на другой текст с цветным фоном.

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

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

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

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

HEX | RGB
#E8F5FB | rgb(232,245,251)
#9FCAE4 | rgb(159,202,228)
#4C4DDD | rgb(76,77,221)

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

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

💾 Sassy Search Bar – строка поиска с ответами в виде сетки карточек и кнопкой сброса. Каждое изображение можно увеличить, наведя на него курсор.

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

🖥 Recipely – дизайн мобильного приложения с рецептами. Акцент сделан на приглушенный бирюзовый фон и векторные изображения еды.

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

💾 Mouse-Controlled Neon – эффект подсветки для текста. Контур не только получает мягкое неоновое свечение, но и меняет собственный цвет.

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

💾 Background Animation – фон с плавно меняющимися цветами. Анимация реализована с помощью нескольких слоев градиентов, прозрачность которых изменяется по очереди.

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

🐙 P5 – JavaScript-библиотека, рассчитанная на художников, дизайнеров и начинающих разработчиков. Она делает работу с анимацией и визуальными эффектами более доступной и подходит для тех, кто пока еще далек от программирования.

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

✍️ Visby CF – округлый шрифт без засечек, который подходит для блоков с текстами. Пример использования есть в дизайне Interior Design Website

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

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

HEX | RGB
#E0CFBA | rgb(224,207,186)
#DD8560 | rgb(221,133,96)
#424242 | rgb(66,66,66)

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

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

💾 GSAP Homepage – галерея с возможностью открывать изображение полностью. Кнопка закрытия картинки подвижна и следует за курсором.

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

🖥 Ray Ban Elegant Sunglasses Store App – баннер для приложения оптики. Здесь использованы глубокие оттенки бежевого и красного, а также заметные шрифты.

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

💾 Hover Effect – сетка из карточек, которые заполняются цветом при наведении курсора. Цвет распространяется с той стороны, откуда был перемещен курсор.

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

🐙 Clean Code JavaScript – репозиторий с материалами по чистому коду применительно к JavaScript. Для каждого концепта тут есть примеры хорошего и плохого кода.

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

✍️ Gruppo – экранный шрифт, который был создан для стильного, непринужденного брендинга. Он хорошо вписывается в минималистичный дизайн приложений. Пример есть в сниппете Background Animation

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

💾 Animated Text Fill – анимированная заливка для текста, написанная без JavaScript. В основе фона для заливки – изображение в формате PNG.

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

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

HEX | RGB
#ECB579 | rgb(236,181,121)
#70B9BE | rgb(112,185,190)
#042628 | rgb(4,38,40)

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

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

💾 Timeline Style Navigation – слайды с нумерованной навигацией. В боковом меню плавная навигация, а для активного слайда открывается краткое описание.

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

💾 Parallax Flipping Cards – двухсторонние карточки с 3D-эффектом. Текст как бы "парит" над квадратом, создавая ощущение объема.

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

✍️ Roboto Slab – шрифт с брусковыми засечками, который можно комбинировать со стандартным Roboto. Он не имеет курсива и подходит для коротких текстов. Пример есть в сниппете Timeline Style Navigation

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