Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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-sm w-full bg-white ring-1 ring-slate-200 rounded-2xl overflow-hidden shadow-xl shadow-slate-900/5">
<div class="h-40 bg-gradient-to-br from-indigo-500 via-violet-500 to-fuchsia-500"></div>
<div class="p-6">
<p class="text-xs font-medium uppercase tracking-wider text-indigo-600">Case study</p>
<h3 class="mt-2 text-xl font-semibold tracking-tight">Rebuilding the design system at Northwind</h3>
<p class="mt-2 text-slate-600 text-sm leading-relaxed">A 6-month rewrite that cut component count by 40% and shipped tokens across 4 products.</p>
<div class="mt-5 flex items-center justify-between">
<div class="flex items-center gap-2">
<div class="h-8 w-8 rounded-full bg-slate-200"></div>
<span class="text-sm text-slate-700">Maya Chen</span>
</div>
<span class="text-xs text-slate-400">6 min read</span>
</div>
</div>
</article>
</div>
rloop.dev/p/Pr-F88