v1.0

🫐 Blueberry

Dark-first CSS Framework. Glassmorphism, Indigo→Blue, minimal & premium.

Quick Start
<link rel="stylesheet" href="blueberry.css">
<body class="bb-mesh">
  <div class="bb-orb"></div>
  <!-- Your content -->
</body>
Farben
Alle Farben als CSS Custom Properties — einfach überschreibbar.
--bg
--surface
--indigo
--blue
--text
--text-muted
--success
--warning
--error
Typografie

Heading 1 — 1.9rem, 800

Heading 2 — 1.35rem, 700

Heading 3 — 0.95rem, 700

Heading 4 — 0.875rem, 600

Body text — 0.875rem, regular, line-height 1.6. System-UI Stack.

Muted text fßr sekundäre Infos.

Dim text fßr tertiäre Infos.

Gradient text fĂźr Highlights.

code und mono Inline-Elemente.

Label — Uppercase, Tracked
Buttons
Badges
Aktiv Erfolg Ausstehend Fehler Inaktiv
Cards
Standard Card

Glassmorphism mit backdrop-filter, subtle border, dark surface.

Umsatz
€84.230
↑ +12,4% ggü. Vormonat
Nutzer
3.471
↓ −2,1% diese Woche
Formulare
Mindestens 8 Zeichen.
Benachrichtigungen aktivieren
Alerts
ℹ️ Info — Hier steht eine Information.
✅ Erfolg — Die Aktion war erfolgreich.
⚠️ Warnung — Bitte beachte diesen Hinweis.
🚫 Fehler — Etwas ist schiefgelaufen.
Tabs

Tab-Inhalt wird hier angezeigt. Aktiver Tab hat einen Indigo-Indicator.

Tabelle
Aufträge
5 Einträge
Auftrag Kunde Betrag Status
#AU-1042 Lena MĂźller
lena@example.de
 € 320,00 Aktiv
#AU-1041 Max KĂśhler
max@beispiel.de
 € 1.290,00 Ausstehend
#AU-1040 Sophie Weber
sw@firma.de
 € 580,00 Erfolg
#AU-1039 Tim Bauer
tim.b@web.de
 € 95,00 Fehler
#AU-1038 Clara Schäfer
c.schaefer@mail.de
 € 2.400,00 Inaktiv
Activity List
Letzte Aktivitäten
Live-Feed
Neuer Nutzer Lena M. registriert
vor 3 Min
Bericht Q1-2026 exportiert
vor 18 Min
Zahlung €1.290 eingegangen
vor 41 Min
Modal
Tooltips
Aktiv
Grid Layouts
Responsive Grids: 4→2→1 Spalten je nach Viewport.
1/4
2/4
3/4
4/4
1/3
2/3
3/3
Empty State

Noch keine Daten

Erstelle deinen ersten Eintrag um loszulegen.

🫐 Blueberry v1.0 — Built with 🔥 by Clawdy & Sebastian