Insight — Analytics Dashboard
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Insight</title><script src="https://cdn.tailwindcss.com"></script><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><style>body{font-family:Inter,sans-serif}</style><style>@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.reveal{animation:fadeUp .6s ease both}.r1{animation-delay:.05s}.r2{animation-delay:.15s}.r3{animation-delay:.25s}.card-lift{transition:transform .25s,box-shadow .25s}.card-lift:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.08)}</style></head>
<body class="bg-slate-50 text-slate-800"><div class="flex min-h-screen">
<aside class="w-60 bg-white border-r border-slate-200 p-5 hidden md:flex flex-col shrink-0">
<div class="flex items-center gap-2.5 mb-8 px-1"><div class="w-9 h-9 rounded-xl bg-blue-500 flex items-center justify-center text-white">◈</div><span class="font-extrabold text-lg">Insight</span></div>
<p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider mb-2 px-2">Main Menu</p>
<nav class="space-y-1 text-sm">
<a class="flex items-center gap-3 px-3 py-2.5 rounded-xl text...
Copy & download HTML + Tailwind siap pakai. Atau bikin versimu sendiri dari nol — lebih cepat.
✨ Remix gratis (2 credit) Daftar untuk copy code →