# GebOS website visual assets

This package contains the complete first-pass visual kit for all nine concept pages.

Start with:

1. `previews/all-pages-contact-sheet.png` for the overall visual inventory.
2. `ASSET-MAP.md` for page-to-asset mappings.
3. `pages/<page>/assets.md` for page-specific usage notes.
4. `shared/` for reusable production masters.

## Folder structure

```text
shared/
  raster/source/    lossless PNG masters
  raster/web/       WebP and AVIF derivatives
  vector/           editable transparent SVG plus 2× PNG previews
  icons/            small homepage feature icons
pages/
  01-homepage/ ... 09-configurator/
previews/
  all-pages-contact-sheet.png
```

Each page composition is supplied as PNG and WebP. These compositions are convenient drop-ins and positioning references. For the responsive production site, compose the shared assets independently with CSS.

## Important raster note

The generated building and device renders use a pure-white matte. This is intentional for the white visual environment in the supplied concepts and avoids low-quality artificial alpha edges around white and translucent surfaces. The SVG assets have genuine transparency.

## Rebuilding previews

`build-previews.sh` deterministically rebuilds the page compositions from the shared assets using ImageMagick.