Back to suews.io
Brand

Drawn to mirror the physics

A sun, three buildings, a tree, and a water line — the SUEWS logo is a miniature of what the model simulates, drawn inside a golden-ratio circle.

These assets are free to re-use with a credit to the SUEWS project. Source SVGs live in site/brand/assets, and the Brand workshop lets you tweak the composition and export variants directly from the browser.

Logo
SUEWS logo on a light background Light
SUEWS logo on a dark background Dark
SUEWS logo on a transparent background Transparent
Icon
SUEWS icon, light disk
App · light
SUEWS icon, dark disk
App · dark
SUEWS icon, transparent disk
Favicon
Wordmark lockups

Horizontal

SUEWS logo with wordmark, light SUEWS
SUEWS logo with wordmark, dark SUEWS

Stacked

SUEWS stacked logo, light SUEWS
SUEWS stacked logo, dark SUEWS
Palette
Sun Gold #F7B538
Outer solar disk — the primary energy input that drives every urban-climate process SUEWS simulates.
Energy Orange #E85D04
Inner solar core — sensible and latent heat fluxes at the urban surface.
Sky Blue #5DADE2
Atmosphere — the air column above the urban surface where fluxes are exchanged.
Vegetation Green #09a25c
Urban greenery — evapotranspiration and biogenic exchanges.
Wave Blue #0558a5
Water balance — precipitation, storage, runoff, and evaporation at the base of the composition.
Urban Slate #2D3142
Urban fabric — the neutral ground that carries text, icon disks, and dark-mode surfaces.
Design notes

The composition preserves small irregularities that echo how energy and water actually flow through cities — never in perfect lines, always in dynamic equilibrium. The glyph is laid out on a 1:1.618 golden-ratio grid so the sun sits just off-centre on the upper right, and the water line closes the frame at the base.

We used AI tools to draft this branding and are sharing the workflow openly, both for transparency and to help other research teams without a dedicated designer:

  1. Initial concepts with Gemini 3 Pro Image (Nano Banana Pro). We described SUEWS' core elements — energy balance, hydrological cycle, urban form, natural landscape — and generated early sketches.
  2. Iterative refinement. Multiple rounds of feedback simplified the design for legibility at favicon size and at poster size.
  3. Vector conversion with Claude Opus. Raster drafts were traced into clean, scalable SVG, with a single source of truth for the sun, tree, building, and wave geometries.

For interactive tweaking — adjusting colours, trying different compositions, exporting a variant — open the Brand workshop.