35 lines
1.3 KiB
Markdown
35 lines
1.3 KiB
Markdown
# 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.
|