headerlogonavigationdarkminimal

Logo Header

Шапка сайта с логотипом. Минималистичный UI-компонент для навигации или hero-секций. Показывает SVG-логотип на темном фоне.

Live Preview

Prompt

<div class="w-full">
  <style>@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');</style>
  <header class="bg-gray-900 px-6 py-4">
    <div class="max-w-7xl mx-auto">
      <div class="flex items-center">
        <svg width="250" height="60" viewBox="0 0 250 60" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-12 w-auto">
          <text x="10" y="40" font-family="Inter, Arial, sans-serif" font-size="32" font-weight="700" fill="white">Valda Studio</text>
        </svg>
      </div>
    </div>
  </header>
</div>

All Prompts