LaunQ — Design System
Тільки моя палітра: зелена шкала Mint + чорний / сірий / білий. Шрифт Inter. Без червоного та жовтого.
1. Палітра Mint
Єдина зелена шкала — основа всієї системи.
50
#ECF9F4
світлий фон
100
#D9F2E9
200
#B3E6D3
300
#8CD9BD
400
#66CCA7
500
#40BF91
600
#339974
акцент
700
#267357
ховер
800
#194D3A
900
#0D261D
950
#091B14
2. Нейтральні
Текст чорний, вторинний сірий, поверхні білі.
Текст
#0A0A0A
чорний
Вторинний
#5F5F5F
сірий
Приглушений
#9A9A9A
сірий
Поверхня
#FFFFFF
білий
3. Типографіка — Inter
Display · 56 / 700Бізнес у США
Headline · 40 / 700Під ключ для нерезидентів
Section · 32 / 700Рішення під ціль
Subhead · 24 / 500Одна команда замість десяти
Body · 16 / 400Основний текст. Реєстрація компанії, EIN, рахунок і Stripe — усе веде одна команда.
Small · 14 / 400Другорядний текст і підписи під елементами.
Caption · 12 / 400Метадані, дати, дрібні підписи
Overline · 11 / 500Категорія розділу
4. Кнопки
5. Картка
US LLC Starter
Компанія + EIN + рахунок
LLaunQПопулярне
6. Поля вводу
7. Чіпи
TagActive
8. Списки
Реєстрація LLC у СШАвід $100
EIN$100
Registered Agent$225 / рік
9. Відступи
4
8
16
24
32
48
64
96
10. Радіуси
4 · чіпи
6 · кнопки
8 · панелі
12 · картки
full · pills
11. Тіні
Flat — 1px межа, без тіні. Стан спокою.
Hover — тінь 0 8px 30px rgba(0,0,0,.08).
12. Do / Don’t
Do
- Зелений — лише для інтерактиву
- Текст чорний, вторинний — сірий
- Одна палітра — Mint
- Inter скрізь
Don’t
- Не додавати кольори поза палітрою (без червоного / жовтого)
- Не фарбувати звичайний текст у зелений
- Не більше однієї основної кнопки в секції
- Не змішувати радіуси