bannertypographytailwindanimatedresponsivelanding-pageportfolio

Hero Banner with Animated Oversized Typography

Адаптивный баннер с анимированной крупной типографикой. Идеален для портфолио и лендингов, подчеркивает смелый дизайн. Tailwind CSS.

Live Preview

Prompt

<section class="relative sm:py-12 lg:py-16 fade-in-up animate pt-10 pb-10">
  <!-- Trademark -->
  <div class="absolute right-1 sm:right-2 -top-3 sm:-top-1">
    <span class="sm:text-6xl text-4xl font-semibold tracking-tight">PRODUCT DESIGNER</span>
  </div>

  <!-- Massive Word -->
  <div class="overflow-hidden">
    <h2 class="leading-[0.9] select-none font-semibold tracking-tight" style="font-size: clamp(68px, 17vw, 260px);">
      SAKURA</h2>
  </div>
</section>

All Prompts