Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
<div class="min-h-screen bg-slate-950 font-sans antialiased p-8 flex items-center justify-center">
<div class="max-w-md w-full bg-slate-900 ring-1 ring-slate-800 rounded-2xl p-8 shadow-2xl">
<div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-indigo-500/10 text-indigo-300 text-xs font-medium ring-1 ring-indigo-500/20">
<span class="h-1.5 w-1.5 rounded-full bg-indigo-400"></span> Dark Mode
</div>
<h2 class="mt-4 text-2xl font-semibold tracking-tight text-white">Designed for the night</h2>
<p class="mt-2 text-slate-400 leading-relaxed">High-contrast surfaces, considered hierarchy, and accents that glow against deep slate.</p>
<button class="mt-6 px-4 py-2 rounded-lg bg-white text-slate-900 text-sm font-medium hover:bg-slate-100 transition">Continue</button>
</div>
</div>
rloop.dev/p/Pr-M84