Телеграм, WhatsApp  +380637610482
Валерій Данюк
Валерій ДанюкрозробникРозробка ІІ-інструментів для бізнесу. Якісно. Недорого.Написати у Telegram
Tailwind CSS - прев'ю сайту в цьому стилі

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-оптимізація під пошукову видачу та рекомендації нейромереж.

Схожі стилі

  • AI for Business — Бруталістський редакційний виставковий зал у теплих сірих тонах
  • Superhuman — редакційна панель золотої години
  • Visitors — білий інженерний креслення
  • Vercel — Надрукований на білому папері термінал
  • Jeton — Редакційна стаття про фінтех на теплому мармурі
  • ClickUp — Ефективна панель управління на білий мармур. Сторінка являє собою брошуру продукту — інструмента підвищення продуктивності, тому візуальна мова запозичена із самого продукту: щільні списки, індикатори статусу, групи аватарів та сміливі типографічні заяви, які виглядають як технічна специфікація продукту у виставковому масштабі
  • Dock — Залитий сонцем кремовий папір, кобальтовий імпульс
  • Quizlet — Класна кімната оформлена в різних тонах кольору на білому тлі — тихий письмовий стіл, за яким чотири пастельні картки є єдиним яскравим акцентом на тлі холодних сірих стін і єдиної позначки індіговим маркером.
  • Airtable — Затишний семінар із розділами, позначеними різними кольорами
  • Headspace — Сонячний оздоровчий куточок на теплий папір
  • Foodnoms — Сонячний фруктовий ринок на білій порцеляні — теплі помаранчеві, свіжі зелені та об'ємні округлі форми.
  • WHOOP — Опівночі лабораторія перформансу — білі клінічні лабораторні столи під чорною театральною порожнечею, один фіолетовий імпульс електрики