Explorer
project
index.html
1
2
3
4
5
6
7
8
<div class="min-h-screen bg-gradient-to-br from-slate-50 via-white to-indigo-50/40 font-sans text-slate-900 antialiased p-8 flex items-center justify-center">
<article class="max-w-xl w-full bg-white ring-1 ring-slate-200 rounded-2xl p-8 shadow-sm">
<p class="text-xs font-semibold uppercase tracking-[0.2em] text-indigo-600">Design · 2026</p>
<h1 class="mt-3 text-4xl font-bold tracking-tight leading-tight">The art of type on the modern web.</h1>
<p class="mt-4 text-slate-600 leading-relaxed">Tailwind's typography utilities give you precise control over weight, size, leading and tracking — without leaving your component.</p>
<p class="mt-6 text-sm text-slate-400">— RloopUI Editorial</p>
</article>
</div>
rloop.dev/p/Pr-T07