Empty State

index.html Copy

<div class="empty"><div class="icon">＋</div><h3>Noch keine Inhalte</h3><p>Lege deinen ersten Eintrag an oder importiere einen geprüften Draft.</p><button>Inhalt hinzufügen</button></div><style>.empty{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;max-width:520px;text-align:center;padding:42px 28px;border:1px dashed #a1a1aa;border-radius:16px}.icon{width:54px;height:54px;border-radius:14px;background:#f4f4f5;display:grid;place-items:center;margin:auto;font-size:1.7rem}.empty h3{margin-bottom:8px}.empty p{color:#71717a;line-height:1.55}button{padding:11px 15px;border:0;background:#18181b;color:white;border-radius:8px}</style>