# Visual System — Illustrations, Icons, Graphical Elements

> Source: Qvantum Brand Guide → *Illustrations* and *Graphical elements*.

## Illustrations
Purpose: clarify and inform — a contrast to the bold, warm imagery; show the **precision and engineering** of the inner workings.
- **Line style** with **two line weights** for clarity.
- **Isometric view** prioritised — cohesive and efficient; reusable elements.
- **Accent colours** create hierarchy and focus.
- Works in **light and dark mode**; can be enhanced with animation.
- Themes shown: Homes · Inside homes · Overlay with energy flow.

## Icons
Part of the illustration system — same line-based, precise style.

## Graphical elements
Two kinds, for different jobs:
- **Static** — a set of **gradient backgrounds** (colour variations: *mix / cold / warm*). The **fallback when imagery isn't available** and you need more emphasis than a solid colour.
- **Animated** — visualises the **transfer of heating/cooling between buildings**; can act as a hero visual to connect content.

> ⚠️ Don't over-use graphical elements or animation. **Always prioritise solid colour or imagery first.**
