2.0 KiB
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.