🖥 Investment App – дизайн мобильного приложения дли инвестиций в ретро-стиле. Необычность дизайна создается за счет "картонного" фона, элементов без скругления углов, широкого шрифта и линий-разделителей.

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

💾 Expanding Card Page – карточки с многослойным эффектом. При нажатии каждая карточка раскрывается с увеличенной картинкой и блоком текста.

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

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

HEX | RGB
#FFCCD3 | rgb(255,204,211)
#D16F9A | rgb(209,111,154)
#711C47 | rgb(113,28,71)

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

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

💾 It Depends – текст с объемной анимацией в виде конфетти. Звездочки двигаются по спирали, некоторые из них становятся меньше по размеру.

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

💾 Butterflies – красивый 3D-эффект для фона страницы. Объект с бабочками можно поворачивать во всех направлениях и приближать.

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

🖥 Stripe Fashion Branding Concept – дизайн для бренда одежды. Его сильные стороны - это четкая геометрия, контрасты, ограниченная холодная палитра и крупные надписи.

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

🐙 Project Guidelines – список рекомендаций для работы с кодом JavaScript, документацией проекта, зависимостями, API и Git. Есть перевод на русский язык.

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

✍️ Vidaloka – экранный шрифт для заголовков и коротких блоков текста. Благодаря высокой контрастности он будет лучше всего смотреться в размере 16 пикселей и больше. Пример шрифта есть в дизайне Ray Ban Elegant Sunglasses Store App

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

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

HEX | RGB
#FBDEA4 | rgb(251,222,164)
#B53534 | rgb(181,53,52)
#5D7E58 | rgb(93,126,88)

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

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

💾 Trippy Text – многослойная подложка для текста, которая двигается как пружина. Чем дальше слои от основного текста, тем меньше они друг на друга накладываются.

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

✍️ Lexend – шрифт без засечек, созданный в 2018 году для более удобного и комфортного чтения текстов. Пример шрифта можно увидеть в заголовках сниппета "Stripe Sessions Style Flex Carousel"

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

💾 Clipped Image Reveal On Hover – эффект выделения текста, у которого фоном является изображение. Появляется при наведении курсора на строку.

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

💾 Sphere Packing – трехмерные шарики, которыми можно управлять с помощью курсора. Есть кнопки выбора цвета и управления гравитацией.

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

🐙 React Bits – репозиторий с полезными советами, техниками, паттернами и антипаттернами по React. Есть рекомендации по стилю и работе с UI-элементами.

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

💾 3D Product Cards – карточки с плавным переходом от фото к описанию. Эффект достигается за счет одинакового цвета блюра и фона.

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

🖥 Travel App Concept – дизайн приложения для путешествий. Акцент сделан на контрастные цвета и векторные иллюстрации с запоминающимся стилем.

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

🐙 Quasar – фреймворк для создания кроссплатформенных веб-приложений. Содержит более чем 70 высокопроизводительных настраиваемых веб-компонентов Material Design.

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

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

HEX | RGB
#E5DFD6 | rgb(229,223,214)
#B19061 | rgb(177,144,97)
#3C2418 | rgb(60,36,24)

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

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

✍️ Luckiest Guy – шрифт без засечек, вдохновленный рекламой 1950-х и рукописными заголовками. Подходит для коротких крупных надписей. Пример есть тут: It Depends

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

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

HEX | RGB
#D9D9D9 | rgb(217,217,217)
#20ADE5 | rgb(32,173,229)
#3D5770 | rgb(61,87,112)

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

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