Tailwind CSS
Зразок шрифту як демонстрація продукту - друкарський коректурний лист, де заголовок САМ є інтерфейсом, виділений жирним чорним шрифтом в 96px і привертає увагу одним лише розміром
Палітра
Бренд
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
Нейтральні
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
Друкарня
від 12 до 96px · 6 ступенів
- Inter — заміна: Inter (Google Fonts — this is already Inter) · зображення 400, 500, 600, 700
- IBM Plex Mono (plexMono) — заміна: IBM Plex Mono (Google Fonts) · зображення 400, 500, 600
Інтервали та форма
| Призначення | Значення |
|---|---|
| Щільність | простора |
| Базовий крок | 16px |
| Радіус кнопок | 32px (pill CTA), 4px (code/tag badges) |
| Радіус карток | 8px |
| Тіні | ні — межі замість тіней |
| Між секціями | 96px |
| Ширина сторінки | 1280px |
ІІ збере ваш сайт у стилі Tailwind CSS і наповнить його
- Наповнить товарами та постами за посиланням - Instagram, TikTok, Facebook.
- Перенесе контент зі старого сайту – достатньо вказати адресу.
- Сучасний дизайн на кращому движку: React ( Next.js) з серверним рендерингом та SEO-оптимізацією з коробки.
- Повна автоматична SEO-оптимізація під пошукову видачу та рекомендації нейромереж.
Схожі стилі
- Avoice — Дрібка салатового кольору на кресленнях, виконаних опівночі. Створіть світлі, схожі на документи розділи сторінок навколо майже чорних етапів виробництва, а потім використовуйте яскраво-салатовий колір як добре помітний сигнал для перетворення, вибору та архітектурних анотацій
- Bee — Сонячний медово-жовтий талісман. Створіть кожен екран як тактильний редакційний розворот: інтимні зображення товарів, які носять на зап'ясті, укладені в щедро закруглені рамки поруч із жирним, майже чорним шрифтом на жовтому або світло-нейтральному тлі
- AI for Business — Бруталістський редакційний виставковий зал у теплих сірих тонах
- Superhuman — редакційна панель золотої години
- Visitors — білий інженерний креслення
- Vercel — Надрукований на білому папері термінал
- Jeton — Редакційна стаття про фінтех на теплому мармурі
- ClickUp — Ефективна панель управління на білий мармур. Сторінка являє собою брошуру продукту — інструмента підвищення продуктивності, тому візуальна мова запозичена із самого продукту: щільні списки, індикатори статусу, групи аватарів та сміливі типографічні заяви, які виглядають як технічна специфікація продукту у виставковому масштабі
- Dock — Залитий сонцем кремовий папір, кобальтовий імпульс
- Quizlet — Класна кімната оформлена в різних тонах кольору на білому тлі — тихий письмовий стіл, за яким чотири пастельні картки є єдиним яскравим акцентом на тлі холодних сірих стін і єдиної позначки індіговим маркером.
- Airtable — Затишний семінар із розділами, позначеними різними кольорами
- Headspace — Сонячний оздоровчий куточок на теплий папір