cardpricingtailwindresponsivedarktimelineui

Minimalist Pricing Card with Timeline

Минималистичная карточка цены с таймлайном. Отображает стоимость, период оплаты и сроки проекта. Адаптивный дизайн, темная тема, Tailwind CSS.

Live Preview

Prompt

<div class="ring-1 ring-white/10 flex flex-col bg-black/30 rounded-2xl pt-5 pr-5 pb-5 pl-5">
              <div class="flex-1">
                <div class="flex items-end gap-2">
                  <div class="text-5xl sm:text-6xl lg:text-7xl font-semibold tracking-tighter tabular-nums font-geist" data-amount="">$3,200</div>
                  <div class="pb-2 text-white/60 text-base font-geist" data-period="">/project</div>
                </div>
              </div>
              <div class="mt-8 pt-4 border-t border-white/10 text-xs text-white/70 flex items-center justify-between font-geist">
                <span data-delivery-key="">Timeline</span>
                <span data-delivery-val="">4–6 weeks</span>
              </div>
            </div>

All Prompts