Сайт з великою кількістю елементів для створення патернів 💫

https://shapes.framer.website

Про розміри шрифтів 🤓


Розмір шрифту для мобільної версії 📱

🟢 Основний текст має бути не менше 14-16 пікселів.
🟢 Заголовки мають бути приблизно в 1,3 рази більші за основний текст, щоб створити контраст ~ 21 піксель, за умови що якщо ви використовуєте 16 пікселів для основного розміру шрифту.
🟢 Підзаголовки. Якщо ми використовували 21 піксель для заголовка, ми могли б вибрати 18 або 16 пікселів для підзаголовка, але з меншою вагою, ніж заголовок або основний текст.


Розмір шрифту для десктопу 🖥

🟢 Основний текст має бути приблизно від 16 до 18 пікселів для розбірливості.
🟢 Заголовки для контрасту мають бути приблизно вдвічі більші за основний текст. Розміри шрифту мають бути приблизно 32 до 36 пікселів.
🟢 Підзаголовки – мають бути трохи меншими, ніж розмір заголовка. Розміри шрифту має бути приблизно 28 - 30 пікселів.


💯 Міжрядковий інтервал значно покращує загальну читабельність, ідеальним є інтервал 130–150%.


Також рекомендую файний плагін для створення модульних сіток Typescales

#плагіни

Плагін для додавання елементів генеративного дизайну до Figma

Noise Grid Generator

#плагіни

Чудовий плагін для створення складних градієнтів.

Mesh Gradient

#плагіни

Про e-mail 📨

Якщо Вам необхідно зробити дизайн електронного листа, то рекомендую шукати натхнення на цих сайтах:

💌 Reallygoodemails

💌 Emaillove

#натхнення