legal privacy terms policy documentation toc sidebar legal privacy-policy terms toc sidebar documentation policy privacy policy page layout terms of service with sidebar navigation
Legal Base
Fetch pattern JSON:
curl https://webspire.de/patterns/legal/base.json base.html
<section class="ws-legal bg-[var(--ws-color-surface)] py-16">
<div class="mx-auto max-w-5xl px-6">
<div class="grid gap-10 lg:grid-cols-[200px_1fr]">
<!-- Sticky sidebar ToC -->
<aside class="hidden lg:block">
<nav class="sticky top-20">
<h3 class="text-xs font-semibold uppercase tracking-wider text-slate-400">On this page</h3>
<ul class="mt-3 space-y-2 border-l border-slate-200">
<li><a href="#introduction" class="block border-l-2 border-blue-500 pl-3 text-sm font-medium text-blue-600">Introduction</a></li>
<li><a href="#data-collection" class="block border-l-2 border-transparent pl-3 text-sm text-slate-500 hover:text-slate-900 dark:hover:text-white">Data Collection</a></li>
<li><a href="#usage" class="block border-l-2 border-transparent pl-3 text-sm text-slate-500 hover:text-slate-900 dark:hover:text-white">How We Use Data</a></li>
<li><a href="#sharing" class="block border-l-2 border-transparent pl-3 text-sm text-slate-500 hover:text-slate-900 dark:hover:text-white">Data Sharing</a></li>
<li><a href="#rights" class="block border-l-2 border-transparent pl-3 text-sm text-slate-500 hover:text-slate-900 dark:hover:text-white">Your Rights</a></li>
<li><a href="#contact" class="block border-l-2 border-transparent pl-3 text-sm text-slate-500 hover:text-slate-900 dark:hover:text-white">Contact Us</a></li>
</ul>
</nav>
</aside>
<!-- Content -->
<article class="prose prose-slate max-w-none dark:prose-invert">
<p class="text-sm text-slate-400">Last updated: March 22, 2026</p>
<h2 id="introduction">Introduction</h2>
<p>This Privacy Policy explains how we collect, use, and protect your personal information when you use our services. We are committed to ensuring your privacy and complying with applicable data protection regulations.</p>
<h2 id="data-collection">Data We Collect</h2>
<p>We collect information you provide directly, such as your name, email address, and payment details when you create an account or make a purchase. We also automatically collect usage data including your IP address, browser type, and interaction patterns.</p>
<h2 id="usage">How We Use Your Data</h2>
<p>We use collected data to provide and improve our services, process transactions, send communications you've opted into, and ensure the security of our platform. We do not sell your personal data to third parties.</p>
<ul>
<li>Provide, maintain, and improve our services</li>
<li>Process transactions and send related information</li>
<li>Send technical notices, updates, and support messages</li>
<li>Monitor and analyze trends, usage, and activities</li>
</ul>
<h2 id="sharing">Data Sharing</h2>
<p>We may share your information with trusted service providers who assist us in operating our platform, conducting business, or serving our users. These parties are contractually obligated to keep your information confidential.</p>
<h2 id="rights">Your Rights</h2>
<p>Under GDPR and similar regulations, you have the right to access, correct, delete, or export your personal data. You may also object to or restrict certain processing activities. To exercise these rights, contact us using the information below.</p>
<h2 id="contact">Contact Us</h2>
<p>If you have any questions about this Privacy Policy, please contact our Data Protection Officer at <a href="mailto:privacy@example.com">privacy@example.com</a>.</p>
</article>
</div>
</div>
</section>
Details
Responsive Dark Mode Tailwind Only SSR Safe Copy & Paste
Experimental Draft
legalprivacytermspolicydocumentationtocsidebar
Slots
| Name | Required | Description |
|---|---|---|
| sidebar | Yes | Sticky table of contents with anchor links. |
| content | Yes | Prose content sections with heading anchors. |