Highdelberger — clear, sourced cannabis education

A German web portal that explains cannabis honestly — knowledge, law and safer use — in a calm, modern design, with key claims linked to a checkable source.

The challenge

After Germany’s 2024 partial legalisation (KCanG), trustworthy cannabis information is scattered and often either alarmist or promotional. The goal was a calm, non-judgmental harm-reduction portal: clear enough for newcomers and parents, accurate enough to cite, and legally careful — while staying a single, coherent, maintainable site across ~30 topic pages rather than a pile of one-off articles.

The approach

• Fast static site, clear structure. Built with Astro 5 and Tailwind CSS v4, with content organised into four readable sections — Wissen (science), Leben (everyday life & law), Praxis (safer use), Kultur (history/hemp) — across ~32 pages, now bilingual (German + English).
• A component-driven design system. Reusable glassmorphism cards and section heroes keep every page visually consistent, so a design change happens in one place instead of being copy-pasted across dozens of pages.
• Claims you can check. A custom “source tooltip” system: scientific and legal statements carry a hover citation with a one-click link — German law paragraphs wired to the official statute text (gesetze-im-internet.de), scientific claims to PubMed / DOI.
• Legally careful by design. Dedicated law and youth-protection pages (U18), an age check, and a private password gate while the site is still in development.
• Shipped on real infrastructure. Static output deployed to Vercel with Netlify preview builds; sitemap and SEO/meta tags built in.

The result

• A coherent, fast, ~32-page portal that reads calmly and looks trustworthy.
• Key statements are verifiable — legal citations link to the statute, scientific ones to their source — which is exactly what a sensitive topic needs.
• A maintainable codebase where design and content scale without drift.
• Currently a polished, password-gated preview, ready to open to the public.

What this demonstrates

• Turns a sensitive, content-heavy brief into a polished, fast, trustworthy product — not just a page, a whole information architecture.
• Full ownership: structure → design system → engineering → deployment.
• Care for accuracy, legal nuance, accessibility and UX, not only code.
• Modern, AI-assisted delivery, steered and curated by a human.

Tech at a glance

Astro 5 · Tailwind CSS v4 · TypeScript · Static SSG · Vercel · Netlify · Sitemap / SEO · Custom source-citation system · Glassmorphism UI

---