🎨 Цветовая палитра макета "Smart Home Automation App"

HEX | RGB
#E2FFA3 | rgb(226,255,163)
#DB9556 | rgb(219,149,86)
#5E5E5E | rgb(94,94,94)

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

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

💾 Cuboid – полупрозрачный куб с градиентными гранями. Его можно использовать как спиннер для загрузки страницы или как самостоятельную анимацию.

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

🐙 Gitbook – удобный инструмент для составления документации, который использует Git и Markdown. Поддерживает дополнительные расширения и плагины.

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

✍️ Neuton – шрифт с засечками, который имеет компактные символы для более удобного размещения на экране. Пример можно увидеть в небольших подзаголовках в сниппете Animated Text Fill

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

💾 Services Section – карточки с выдвигающимся фоном и композицией из четырех картинок-сегментов. В активном состоянии цвет текста становится ярче.

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

🎨 Цветовая палитра макета "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)

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

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