Название проекта — краткое УТП :root { --primary: #111827; --accent: #2563eb; --bg: #f9fafb; --text: #1f2937; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; } header { padding: 20px; background: #fff; border-bottom: 1px solid #e5e7eb; } .container { max-width: 1100px; margin: auto; padding: 0 20px; } .hero { padding: 80px 0; text-align: center; } .hero h1 { font-size: 42px; margin-bottom: 20px; } .hero p { font-size: 18px; margin-bottom: 30px; } .btn { display: inline-block; background: var(--accent); color: #fff; padding: 14px 28px; border-radius: 8px; text-decoration: none; font-weight: 600; } .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 24px; padding: 60px 0; } .feature { background: #fff; padding: 24px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.05); } form { background: #fff; padding: 40px; border-radius: 12px; max-width: 500px; margin: 60px auto; } input, textarea { width: 100%; padding: 12px; margin-bottom: 16px; border: 1px solid #d1d5db; border-radius: 6px; } footer { padding: 30px; text-align: center; font-size: 14px; color: #6b7280; } @media (max-width: 768px) { .hero h1 { font-size: 32px; } }

LOGO

Заголовок с основным предложением Коротко и понятно объясняем ценность продукта или услуги

Преимущество 1 Описание преимущества в 1–2 строки

Преимущество 2 Описание преимущества

Преимущество 3 Описание преимущества