🖥 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

💾 Animated Covers – набор из 15 эффектов для карточки с текстом. Анимация показывает разные варианты появления фона.

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

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

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

🐙 JSLingui – библиотека JavaScript для интернационализации проектов. В ее задачи входит динамический перевод интерфейсов на разные языки и локализация. Библиотеку удобно использовать с React.

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

💾 Depth – слайдер с буквами, который двигается вслед за курсором. Можно менять ширину слайдов и высоту, на которой находится буква.

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

💾 Text Circle Animation – круг со словами, который можно вращать курсором. При быстром движении буквы "разлетаются" в стороны.

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

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

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

💾 Metal Gear Radar States – уведомления в стиле ретро-дисплеев. Для создания атмосферы используется зернистый фон, пиксельный шрифт и приглушенные цвета.

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

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

HEX | RGB
#FFF351 | rgb(255, 243, 81)
#FE78AA | rgb(254, 120, 170)
#656D76 | rgb(101, 109, 118)

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

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

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

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

💾 Circular Animations – девять современных минималистичных лоадеров. Фигуры состоят из одинаковых белых кружков, которые могут менять размер и прозрачность.

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

🖥 The Ordinary – дизайн мобильного приложения для магазина косметики. Его особенность – нежные оттенки бежевого, зеленого, серого и кремового, которые вызывают ощущение спокойствия.

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

🐙 The 50 Frontend Project – подборка проектов, среди которых есть сайты, простые игры и приложения, выполняющие какую-либо функцию (калькулятор, заметки, часы, словарь и так далее).

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

✍️ Skolar Sans Latin – шрифт без засечек с нейтральным внешним видом и сбалансированными формами. Идеально подходит для заголовков, текстов и логотипов в веб-дизайне. Пример есть в сниппете CSS Party

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

🎨 Цветовая палитра макета "Health Analytics App"

HEX | RGB
#E6DAFF | rgb(230, 218, 255)
#8A3FFC | rgb(138, 63, 252)
#08BDB7 | rgb(8, 189, 183)

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

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