Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<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">
<div class="max-w-2xl w-full bg-white ring-1 ring-slate-200 rounded-2xl p-6 shadow-sm">
<div class="flex items-center justify-between">
<div class="flex items-center gap-3">
<div class="h-10 w-10 rounded-full bg-gradient-to-br from-indigo-500 to-violet-600"></div>
<div>
<p class="font-semibold text-sm">Sarah Linwood</p>
<p class="text-xs text-slate-500">Product Designer</p>
</div>
</div>
<button class="px-3 py-1.5 rounded-lg bg-slate-900 text-white text-xs font-medium hover:bg-slate-800 transition">Follow</button>
</div>
<div class="mt-5 flex gap-2 flex-wrap">
<span class="px-2.5 py-1 rounded-md bg-indigo-50 text-indigo-700 text-xs font-medium ring-1 ring-indigo-100">Design</span>
<span class="px-2.5 py-1 rounded-md bg-emerald-50 text-emerald-700 text-xs font-medium ring-1 ring-emerald-100">Systems</span>
<span class="px-2.5 py-1 rounded-md bg-rose-50 text-rose-700 text-xs font-medium ring-1 ring-rose-100">UX</span>
</div>
</div>
</div>
rloop.dev/p/Pr-D13