✍️ Inter – это семейство шрифтов, разработанное специально для цифровых продуктов. Знаки препинания настраиваются в зависимости от формы окружающих глифов, а форма букв делает текст более читаемым. Пример шрифта есть в макете "Interior"

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

💾 Glassmorphism Buttons – кнопки, которые имитируют полупрозрачное стекло и подсвечиваются мягким неоновым светом в активном состоянии.

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

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

HEX | RGB
#F4D8A6 | rgb(244,216,166)
#E17E02 | rgb(225,126,2)
#343B34 | rgb(52,59,52)

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

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

💾 Scroll Indicator – фича, которая меняет фон с холодного на теплый в зависимости от скорости прокрутки страницы. На самой большой скорости достигает оранжево-красного цвета. Подойдет в качестве необычного фона сайта.

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

🖥 Note-taking Mobile iOS App – дизайн приложения для заметок. Его особенности - это неяркие светлые тона, кремовый фон и скругленные углы.

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

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

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

🐙 JS PDF – библиотека JavaScript для создания pdf-файлов, которая поможет сгенерировать билеты на мероприятия, сертификаты или афиши.

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

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

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

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

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

🎨 Цветовая палитра макета "Note-taking Mobile iOS App":

HEX | RGB
#F4DFCD | rgb(244,223,205)
#C7EBB3 | rgb(199,235,179)
#FFD5F8 | rgb(255,213,248)

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

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

💾 Animated Border Gradient – анимированная рамка для HTML-элемента. Создает эффект неонового свечения, подойдет для темной темы приложения.

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

🖥 BoraCodar – дизайн приложения для определения погоды, выполненный в сиренево-синих тонах. Внимание привлекают многослойность в облаках и полупрозрачные карточки.

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

🐙 Servo – браузерный движок, выполняющий такие функции как рендеринг, парсинг HTML и декодирование изображений. Движок написан на языке Rust.

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

💾 Fullcreen Layout Page – структура из четырех секций сайта. Станет хорошей основой для верстки и поможет визуально упорядочить секции.

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

✍️ Margarine – это декоративный шрифт, вдохновленный различными источниками. Намеренно закругленные формы букв создают ощущение теплоты и размытости. Шрифт подходит для коротких текстов на карточках или кнопках. Пример есть тут: Obvious CTA Buttons

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

💾 Gradient Buttons – стилизованные кнопки на чистом CSS. Выглядят стильно за счет пастельных тонов и переливающегося фона.

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

🎨 Цветовая палитра макета "Bank UI":

HEX | RGB
#DFFFE8 | rgb(223,255,232)
#FFD202 | rgb(255,210,2)
#7DAD81 | rgb(125,173,129)

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

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

💾 Snowball Preloader – оригинальный лоадер в виде снежного кома. Выделяется за счет 3D-эффекта, при котором окружность - это тень от снега.

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

🐙 FloatUI – библиотека компонентов пользовательского интерфейса, которая позволяет создавать сайты для мобильных устройств, планшетов и компьютеров. Для этого не обязательно обладать хорошими навыками веб-дизайнера.

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

💾 Button Hover Effects – набор эффектов наведения для кнопок. Анимация включает в себя изменение фона, рамки и движение текста.

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

✍️ Dahlia – каллиграфический шрифт, стилизованный под рукописный. Поддерживает 12 языков, не включая языки с кириллическим алфавитом. Подойдет для декоративных элементов сайта. Пример есть в лендинге "Hair Care Product Landing Page"

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