Photo Assets Guide
Abstract
This document catalogs all images used on the ColivingLiguria website, their purpose, and guidelines for adding new photos. Special attention is given to hero/background images for presenting the houses.
1. Logo & Branding
All logos are in /quartz/static/logo/:
| File | Purpose | Usage |
|---|---|---|
logo.png | Full color logo | Header, Footer, OG images |
logo-brown.png | Brown variant | Dark backgrounds |
logo-green.png | Green accent variant | Marketing materials |
logo-bw.png | Black & white | Print, monochrome contexts |
logo-icon.png | Icon only (no text) | Favicon, small spaces |
logo-text.png | Text only (no icon) | When icon shown separately |
Path for TSX components: /static/logo/logo.png
2. Maps & Cadastral
| File | Location | Purpose |
|---|---|---|
catasto-chiappella-map.png | /quartz/static/ | Main cadastral overview |
map-cairo.png | /quartz/static/ | Cairo Montenotte area map |
Cartografia Catastale per PCU... | /content/System/Attachments/ | Official PCU documentation |
Catasto Casa del Forno.png | /content/System/Attachments/ | Forno cadastral extract |
Catasto Casa del Noce.png | /content/System/Attachments/ | Noce cadastral extract |
mappali_chiappella.png | /content/System/Attachments/ | Chiappella plot numbers |
mappali_bricchi.jpg | /content/System/Attachments/ | Bricchi plot numbers |
3. House Photos (Hero/Backgrounds) 🏠
Currently Available
| House | File | Type | Quality | Recommended Use |
|---|---|---|---|---|
| Casa del Forno | Casa_del_Forno_Main.jpg | Exterior | ⭐⭐⭐ Good | Hero background, cards |
| Casa del Forno | Casa_del_Forno_Catasto_View.jpg | Aerial/Map | ⭐⭐ OK | Documentation only |
| Casa del Noce | Casa_del_Noce_Main.jpg | Exterior | ⭐⭐⭐ Good | Hero background, cards |
| Casa del Noce | Foto_Rustico_Casa_del_Noce.jpg | Rustic detail | ⭐⭐ OK | Detail sections |
| Volunteer | volunteer-hero.jpg | People | ⭐⭐⭐ Good | Volunteer page hero |
Path for Markdown: ![[Casa_del_Forno_Main.jpg]] or full path 
⚠️ MISSING - Photos Needed
| House | Needed | Priority |
|---|---|---|
| Chiappella | Exterior hero shot | 🔴 HIGH |
| Chiappella | Interior rooms | 🟡 MEDIUM |
| Casa del Caco | Any photo | 🟡 MEDIUM |
| All Houses | Sunset/golden hour shots | 🟢 LOW |
| All Houses | Interior cozy/warm shots | 🟡 MEDIUM |
4. Planimetrie (Floor Plans)
All in /content/System/Attachments/:
| House | Files |
|---|---|
| Casa del Forno | Planimetria-Casa-del-Forno-Sub-5-Preview.png, ...-Sub-6-..., ...-Sub-7-... |
| Casa del Noce | ...-First-Preview.png, ...-Ground-Preview.png, ...-Legnaia-Preview.png, ...-Rustic-Preview.png |
5. Decorative Elements
| File | Purpose |
|---|---|
copper_pot.png | Kitchen/cooking theme |
silver_spoon.png | Dining/hospitality theme |
icon.png | Site favicon |
og-image.png | Social media preview |
6. Guidelines for New Photos
Hero/Background Photos Should:
- Be landscape orientation (16:9 or wider)
- Have high resolution (min 1920x1080)
- Feature warm lighting (golden hour preferred)
- Show the building exterior with surrounding nature
- Have space for text overlay (clear sky or blurred areas)
Technical Requirements:
- Format: JPG for photos, PNG for graphics/transparency
- Max size: 500KB after compression (use TinyPNG)
- Naming:
[House]_[Type]_[Variant].jpg(e.g.,Chiappella_Exterior_Sunset.jpg)
Where to Store:
- Static assets (logos, icons, OG):
/quartz/static/ - Content images (house photos, attachments):
/content/System/Attachments/
How to Use in Code:
In Markdown:
![[Casa_del_Forno_Main.jpg]]In TSX (hero background):
<div style={{ backgroundImage: 'url(/content/System/Attachments/Casa_del_Forno_Main.jpg)' }}>In CSS:
.hero-section {
background-image: url('/content/System/Attachments/Casa_del_Forno_Main.jpg');
background-size: cover;
background-position: center;
}7. Photo Wishlist (Future)
| Subject | Purpose | Notes |
|---|---|---|
| Drone shots of all properties | Hero backgrounds | Hire drone pilot or use DJI Mini |
| Interior cozy corners | Room cards | Evening with warm lights on |
| Common areas with people | Community vibe | During events |
| Surrounding nature (valley views) | About page | Sunrise/sunset |
| Renovation before/after | BIM/Renovation pages | Document progress |
Last updated: 2026-01-15