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

HEX | RGB
#F0FF8A | rgb(240, 255, 138)
#C1AFF5 | rgb(193, 175, 245)
#C5C5C5 | rgb(197, 197, 197)

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

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

💾 Legally Distinct Pocket Pet – карточка питомца с отсылкой к старым компьютерным играм и стилю 90х. Поворачивается только в одну сторону.

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

✍️ Tangerine – каллиграфический шрифт с высокими заглавными буквами, который подходит для коротких надписей. Пример шрифта есть в заголовке в сниппете Zoom Grid On Scroll

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

🖥 Photography Editorial – дизайн лендинга для фотопроекта. Здесь подчеркивается контраст: ярко освещенные фото и темный фон, большие заголовки и маленькие тексты.

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

💾 You Can Scroll – эффект прокрутки, который работает для всей страницы и для блока с текстом. В настройках можно выбрать темную или светлую тему, а также настроить оттенки и анимацию.

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

🐙 CSS-Protips – подборка из 29 полезных советов по работе со стилями. В некоторых пунктах есть ссылки на документацию и примеры кода.

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

💾 3D Realistic Bee – лендинг с 3D-анимацией пчелы и 3D-иллюстрациями на заднем плане. Текст находится "между" этими двумя слоями.

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

🖥 Fitstreak – дизайн мобильного фитнес-приложения с акцентом на градиенты, многослойность и полупрозрачный фон. Здесь обыгран контраст серого и лаймового цветов.

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

💾 Animated Hover Disclosures – интерактивные карточки с цепляющим минималистичным дизайном. В неактивном состоянии цвет шрифта и иконок становится светлее.

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

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

HEX | RGB
#D6FF11 | rgb(214, 255, 17)
#FB5335 | rgb(251, 83, 53)
#106B63 | rgb(16, 107, 99)

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

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

💾 Full Screen Image Zoom – меню с фоновыми изображениями, которые появляются при наведении курсора на строки. Фон имеет зернистый фильтр и эффект Zoom Out.

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

💾 Cards Interactions – полупрозрачные карточки с тенью и эффектом размытия. Вокруг курсора на каждой из них появляется слабое белое свечение.

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

🐙 Hono.js – легковесный и быстрый фреймворк для бэкенда, основанный на веб-стандартах. Он поддерживает TypeScript и позволяет создавать приложения без лишних зависимостей.

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

💾 Space Motion – трехмерная анимация в виде цветка. Для реализации была использована библиотека Three.js.

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

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

HEX | RGB
#D6E0E2 | rgb(214, 224, 226)
#D5FF5F | rgb(213, 255, 95)
#4E6075 | rgb(78, 96, 117)

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

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

🖥 Vector Hand Drawn Shapes – небольшой набор векторных стрелок, линий и мазков. Они выглядят так, будто небрежно нарисованы краской от руки.

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

✍️ Gilroy – современный геометрический шрифт без засечек, который подходит для графического и веб-дизайна. Идеален для блоков текстов, используется в дизайне Bentolio

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

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

HEX | RGB
#ABCF9C | rgb(171,207,156)
#719EA6 | rgb(113,158,166)
#142F1F | rgb(20,47,31)

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

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

💾 Design Wormhole – карточка с трехмерным вращением и эффектом стекла. Внизу – непрерывная анимация с исчезающим предметом.

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

🖥 Health Analytics App – дизайн для мобильного приложения с аналитикой здоровья. Основные черты – выдержанный стиль, насыщенные холодные тона, контрасты и отсутствие скругленных углов.

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