# GebOS visual asset map

All page-specific folders contain an assembled preview and a short `assets.md`. Reusable masters live in `shared/` and should be referenced from there in production.

| Page | Page-specific composition | Shared assets used |
| --- | --- | --- |
| 01 Homepage | `pages/01-homepage/hero.png` | Building, smoke alarm, teal bars, UVI badge, consumption ring, five feature icons |
| 02 So funktioniert GebOS | `pages/02-process/steps.png` | UVI badge, building, glass cubes, package box, gateway, heat meter, wireless orb |
| 03 Unsere Lösungen | `pages/03-solutions/cards.png` | Gateway, glass cubes, consumption ring, smoke alarm, euro orb |
| 04 Für wen ist GebOS? | `pages/04-for-whom/hero.png` | Building, teal bars, consumption ring |
| 05 Hauseigentümer | `pages/05-homeowners/hero.png` | Building, smoke alarm, check orb |
| 06 Hausverwaltungen | `pages/06-property-management/hero.png` | Building, teal bars, consumption ring |
| 07 Messdienstleister | `pages/07-metering-services/hero.png` | Laptop/dashboard, glass cubes, cloud/support |
| 08 Installateure & Heizungsbauer | `pages/08-installers/hero.png` | Heat meter, gateway, glass cubes, check orb |
| 09 Konfigurator | `pages/09-configurator/hero.png` | Euro orb, consumption ring |

## Shared raster masters

The building, smoke alarm, gateway, heat meter, and laptop use a clean pure-white matte. They are intended for the white or near-white backgrounds used throughout the concepts. WebP and AVIF derivatives are in `shared/raster/web/`.

## Shared vectors

The ring, bars, cubes, UVI badge, check orb, euro orb, cloud/support, package, and wireless badge are transparent editable SVGs. Their gradients use the same GebOS teal family and can be adjusted without rerendering.

## Page previews

Page composition PNGs are positioning references and quick drop-in images. For a responsive production website, compose the shared objects independently in HTML/CSS, using the page preview as the layout guide.