# LandForge UI Sprite-Paket

Enthalten sind:

- `landforge_icons_spritesheet.png`: transparente Spritesheet-Grafik mit 42 Icons
- `landforge_frames_spritesheet.png`: transparente Spritesheet-Grafik mit 9 Rahmen/Trennern
- `icons/`: alle Icons zusätzlich als einzelne transparente PNG-Dateien
- `frames/`: alle Rahmen zusätzlich als einzelne transparente PNG-Dateien
- `landforge_sprites.css`: fertige CSS-Klassen für die Icon-Sprites und Rahmen
- `landforge_sprites.json`: exakte Sprite-Koordinaten und Quelldaten
- `demo.html`: einfache Einbindung als Web-Demo
- `@2x`-Varianten der beiden Spritesheets für hochauflösende Displays

## Icon verwenden

```html
<span class="lf-icon lf-icon--home"></span>
<span class="lf-icon lf-icon--card-books"></span>
```

## Rahmen verwenden

```html
<div class="lf-frame lf-frame--stat-card">
  Inhalt
</div>
```

Die Rahmen liegen zusätzlich einzeln vor, weil `border-image` in CSS nicht sauber
einen Teilbereich aus einem großen Spritesheet auswählen kann.

## Hinweis zur Qualität

Die Referenz ist ein komprimierter JPEG-Screenshot und keine originale Design-Datei.
Deshalb wurden die dunklen Hintergründe rechnerisch entfernt und die Rahmen als
transparente Border-Overlays rekonstruiert. Für die gezeigte Darstellungsgröße sind
die Assets gut geeignet. Für eine komplett verlustfreie 4K-/Retina-Version wären
die ursprünglichen PNG-, PSD-, Figma- oder SVG-Quelldateien erforderlich.